如何在无序列表中向第3项添加样式异常

Question

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

Answer 1

如果要在无序列表（li）内定位第3 ul以外的元素，可以使用以下内容：

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

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

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

正如您所见here