如何将样式例外添加到无序列表中的第三项

Question

我有一个导航区域，其中包含使用无序列表创建的按钮。我正在尝试使单击的按钮在链接页面上出现时具有与列表其余部分不同的样式属性。但是，添加不同的"样式"或"id"在应用于列表项时似乎不起作用。如何挑出一个项目并使其样式与列表的其余部分不同？

Answer 1

如果要定位无序列表中第 3 个li以外的元素 ( ul (，可以使用如下名称：

ul li:not(:nth-child(3)​) {
    /*Your CSS*/
}

当然，您可以通过以下方式定位该特定元素：

ul li:nth-child(3) {
     /*Your CSS*/
}

正如你在这里看到的