html5 - 纯CSS怎么做出这种一模一样的导航条导航块那里还有个下拉菜单，请大家指导一下

怪我咯    2017-04-17 14:49:505楼

p.title>p.list
.list{
display:none;
}
.title:hover .list{
display:block;
}
原理大概就是使用css伪类来达到hover状态响应，从而改变下拉内容的显示。

 赞 +0添加回复

阿神    2017-04-17 14:49:504楼

下拉菜单，如果是css的话，可以直接用父class:hover 子class然后设置opacity:1甚至可以加上过渡效果。

 赞 +0添加回复

黄舟    2017-04-17 14:49:503楼

利用css的伪类来实现class:hover,如果要使用过渡，那就有好几种办法了

 赞 +0添加回复

小葫芦    2017-04-17 14:49:502楼

使用浏览器开发工具就可以查看其代码结构，爱奇艺是点击事件监听，把下拉菜单由display:none;改成display:block;用CSS的话，就只能使用伪类实现吧，楼上的回复那样。

 赞 +0添加回复

PHP中文网    2017-04-17 14:49:501楼

完全使用CSS只能做出一模一样的样式，但是所有的点击事件必须用js来完成。

 赞 +0添加回复