Question

所以我正在使用Stylish插件来编辑我喜欢的网页。有一个ul元素，我希望一些项目成为图标，其中一些消失。所以我把它全部设置好了。但是，有时网站会在列表中添加一个元素并将所有内容搞砸，因为我正在使用nth-child选择器，显然当每个元素的数量发生变化时，它会破坏我的CSS。

所以我想知道是否有更好的方法来选择除nth-child之外的li元素？更具体的方式？他们每个人都有一个标题......是否有某种方法可以使用它来选择它们？

我刚才有的另一个想法是，我可以从最后一个li倒计时，因为新的列表项被添加到顶部...有没有办法做到这一点？

Answer 1

您可以使用其他选择器，例如属性，例如data属性。

此外，您可以使用其他选择器，例如class或id

<强> HTML：

<ul>
    <li id="id-1" class="id-1" data-id="1">Element</li>
</ul>

<强> CSS：

li#id-1{
    //something...
}
// or
li.id-1{
    // something...
}
// or
li[data-id="1"]{
    // something...
}

<强>更新：

<强> CSS：

li:first-of-type{
    // something...
}
// or

li:last-of-type{
    // something...
}

此致

Answer 2

<style>
li:last-child {
 /* style goes here*/
}
</style>

会让你到列表的最后一个元素，如果这是你所指的