CSS类选择器问题

Question

为什么这不起作用？我是CSS的新手,我不知道为什么以下内容不起作用.

<div id="nav">
    <ul id="tabnav">
        <li class="selected"><a href="index.php">Tab One</a></li>
        <li><a href="index2.html">Tab Two</a></li>
        <li><a href="index3.html">Tab Three</a></li>
        <li><a href="index4.html">Tab Four</a></li>
    </ul>
</div>

CSS:

ul #tabnav li.selected { 
    background-color: #f00;
}

Answer 1

因为有一个与id的元素tabnav作为孩子的的ul元素.

要么删除 ul

#tabnav li.selected { 
    background-color: #f00;
}

或将其附加到 ul

ul#tabnav li.selected { 
    background-color: #f00;
}