选择此但不是

Question

我有一个菜单：

<nav>
    <ul>
        <li><a href="index.php">Home</a></li>
        <li><a href="forum.php">Community</a>
            <ul>
                <li><a href="forum.php">Forum</a></li>
            </ul>
        </li>               
        <li><a>Account Management</a></li>
    </ul>
</nav>

我正在使用以下内容设置“社区”链接的样式：

nav ul li:nth-child(2) a 

但是，这也是我不想要的“论坛”链接的样式。

Answer 1

您需要添加一些子选择器，否则您的选择器将忽略嵌套级别，并始终选择嵌套在第二个a内的任何li元素：

nav > ul > li:nth-child(2) > a

有关子选择器的说明，请参阅this other answer。