选择这个但不是那个

【问题标题】：Select this but not that选择这个但不是那个
【发布时间】：2012-05-31 09:27:26
【问题描述】：

我有一个类似的菜单：

<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

但这也设置了我不想要的“论坛”链接的样式。

【问题讨论】：

标签： html css css-selectors

【解决方案1】：

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

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

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

【讨论】：