html - 选择这个但不是那个

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嵌套在您的 second 中的任何元素li：

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

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