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

2024-11-03 05:54:33
推荐回答(2个)
回答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; }

回答2:

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

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