html - 使用类设置第一个元素的样式

Question

有没有办法只为第一个元素设置特定类的样式？ :first-child 伪选择器似乎只适用于标签。

编辑:并非所有类都具有相同的父元素，因此 :first-child 不是一个选项。

Answer 1

你可以这样尝试:

<div>
    <p class="blue">1st</p>
    <div class="blue">2nd</div>
</div>
<div>
    <div class="blue">3rd</p>
    <div class="blue">4th</div>
</div>

所以这只会使第一个元素为蓝色

同时检查 :first-child pseudo-class

The :first-child pseudo-class matches an element that is the first child element of some other element.