Css：使用类将样式添加到最后一个元素（不带js）

我对创建css（sass）选择器有一个问题，它选择列表中最后一个有类的元素（没有JAVASCRIPT）：

1
2
3
4

需要选择带有固定类（即2）的最后一篇文章

---

问题：

事实上，

：last child

不起作用，因为它只选择容器的最后一个子元素，而不管它有什么类；last of type不起作用，因为它只选择容器中具有特定类型的最后一个元素

备选方案：

因此，基本上最好的解决方案是为此类元素使用专用类：

.microspost{}.microspost.pinted{
颜色：红色；
}
.最后一个孩子{
颜色：绿色；
}
.最后一个{
背景颜色：绿色；
}

1
2
3
4
5
6
7

：last child，：last of type not worked这里没有第n个类选择器..你需要javascript。需要最后一个带有固定类的microspost（即2）Yes@Satif确实这仅在css中是不可能的（看看我的答案），你需要使用javascript或jquery。

<ul>
  <li class="post pinned">1</li>
  <li class="post pinned">2</li>
  <li class="post">3</li>
  <li class="post">4</li>
</ul>