css - 使用 CSS 定位页面上的第一类实例

Question

我有一堆 showreel 类的 div，我希望第一个具有更高的利润值。我正在尝试使用 CSS 高级选择器来实现这一点，但似乎无法弄清楚。

我知道您可以定位原生元素，例如 p:第一个 child 但我可以将它用于 div 类吗？ .showreel:第一

环顾四周，但我只找到有关原生元素的信息。感谢任何帮助，但宁愿使用 CSS 解决方案而不是 JS 解决方案。

谢谢

Answer 1

我用了this article from CSS-Tricks选择一个类的第一个实例，而不是它的子实例。它对我非常有用!不需要额外的 HTML 或 JS。

.title:nth-of-type(1){
    background-color:red;
}