.nav ul li:hover ul 和.nav ul li a:hover ul有什么区别呢！大神解读啊

Question

如题所述

Answer 1

.nav ul li:hover ul

表示class="nav"里的 ul 标签里的 li 标签鼠标指上去之后触发 li 标签里的 ul 标签;

比如 .nav ul li:hover ul { displa:block; }一般用作导航栏中的菜单的下拉列表;

.nav ul li a:hover ul

表示class="nav"里的 ul 标签里的 li 标签 里的 a 标签 鼠标指上去之后触发 a 标签里的 ul 标签;

比如

.nav ul li a:hover ul { displa:block; }

Answer 2

第一个是鼠标滑过li时，li里面ul的样式
第二个是鼠标滑过li中的a时，a里面ul的样式

若鼠标滑过li但不滑过a，则触发第一个样式；若鼠标滑过a则触发第二个