css - 如何将样式异常添加到无序列表中的第 3 项

Question

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

score 2 · Accepted Answer

如果您想定位li无序列表 ( ul) 中第三个以外的元素，您可以使用类似：

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

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

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

1 回答 1