我正在开发一个CSS树形视图,如果可能的话,我希望仅在具有子元素的元素上保留悬停效果:
<ul>
<li><span>Item 1</span>
<ul>
<li><span>Item 1.1</span></li>
<li><span>Item 1.2</span></li>
<li><span>Item 1.3</span></li>
</ul>
</li>
</ul>
我在 CSS 中所做的是:
.treeview li>ul>span:hover, .treeview li>ul>span:hover+ul li span {
background:#eee;
border:1px solid #94a0b4;
color:#000
}
但是这并不像我预期的那样起作用。
ul
是li
的子元素,而不是span
的子元素。 - Paulie_D