正在选择相邻对象的子项...多么?
正在选择相邻对象的子项...多么?
提问于 2011-12-20 06:45:39
正在尝试使用CSS选择相邻元素的子元素...不太确定这是HTML结构是怎么回事
<ul>
<li>
<a href="#">
<span class="icon"></span>
First level
</a>
<ul>
<li>
<a href="#">Second level</a>
</li>
</ul>
</li>
</ul>我想说的是，有一个多层次的菜单。当LI中存在UL时，则需要有一个下拉/展开图标...所以我想，如果我使用相邻的选择器，我可以确定这个级别是否有孩子可以扩展，这是我认为可以工作，但没有：
ul li a ~ ul .icon {
// doesnt work
}
ul li a .icon ~ ul {
// doesnt work
}这是可行的，但我需要以.icon为目标
ul li a ~ ul {
// works
} 干杯，多米
Stack Overflow用户
发布于 2011-12-20 06:51:07
ul是li的孩子，而不是锚。所以ul li ul。
如果要选择它作为同级，则使用ul li a + ul
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8568590
复制相关文章
相似问题
腾讯云开发者
