css3第一个孩子在列表项的锚点

Question

<style type="text/css">
#featured a:first-child
{
 background-color:yellow;
}
</style>

<div id="featured">
   <ul class="ui-tabs-nav">
     <li><a href="#"><span>test 1</span></a></li>
     <li><a href="#"><span>test 2</span></a></li>
     <li><a href="#"><span>test 3</span></a></li>
     <li><a href="#"><span>test 4</span></a></li>
   </ul>
</div>

我想从列表中突出显示第一个锚点,但遗憾的是所有锚点都突出显示.这里有什么错误.

Answer 1

它们都是突出显示的,因为每个a都是其父级的第一个子级li

你可能想要的是:

#featured li:first-child a
{
 background-color:yellow;
}