我有一个菜单:
<li id="current" class="selected parent item556">
<a href="#">Parent</a>
<ul>
<li class="item557">
<a href="#">Child</a>
</li>
<li class="item558">
<a href="#">Child</a>
</li>
</ul>
</li>
而且我只想设置父元素“a”的样式,但它也会设置所有子元素的样式,因为它们在父“li”之下。 我试过类似的东西:
li#current a:first-child{
color: #F2F2F2;
}
没用,我如何只设置父级“a”的样式?
最佳答案
您可以使用直接子运算符 >
来定位链接(即仅直接在 li
元素中链接):
li#current > a
关于html - Joomla 菜单样式第一个子项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8485872/