匹配整个文档中特定类型的第一个元素
问题：
如何将 :first-of-type 样式应用于特定类型中任意位置的第一个元素
CSS 限制：
CSS 的 :first-of-type 伪类仅选择其内特定类型的第一个同级父元素，不跨整个文档。
JavaScript解决方案：
:first-of-type 类添加：
示例：
document.querySelector('p').className += ' first-of-type';p {
background: red;
}
p.first-of-type {
background: pink;
}<body>
<section>
<p>111</p>
<p>222</p>
<p>333</p>
</section>
<p>444</p>
<p>555</p>
</body>此解决方案确保整个文档中的第一段，无论其位置如何，获得“首创”样式。
以上是如何为整个文档中特定元素类型的第一个实例设置样式？的详细内容。更多信息请关注PHP中文网其他相关文章！
