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

Question

Answer 1

p.title>p.list
.list{
display:none;
}
.title:hover .list{
display:block;
}
The principle is probably to use css pseudo-classes to achieve hover state response, thereby changing the display of drop-down content.

Answer 2

drop-down menu, if it is css, you can directly use the parent class:hover 子class and then set opacity:1 or even add a transition effect.

Answer 3

Use CSS pseudo-classes to achieve class:hover. If you want to use transition, there are several ways

Answer 4

You can use browser development tools to view its code structure. iQiyi listens for click events. Change the drop-down menu from display:none; to display:block; if you use CSS, you can only use pseudo classes to implement it. The reply above is like that.

Answer 5

You can only create the exact same style using CSS, but all click events must be done with js.