如何仅使用CSS选择类的第一个实例？

编程问答 2022-06-09

问题描述

我现在正在使用Square空间，并且想要模糊主页上的部分背景图像。问题是我页面上的其他2张图像是部分背景，因此它们都具有相同的类。据我了解，我无法直接编辑HTML代码以为其提供ID。因此，我需要以某种方式使用纯CSS选择类的第一个实例。

解决方法

您可以使用:first-of-type选择器

.my-div:first-of-type{color:red}
<div class="my-div">One</div>
<div class="my-div">Two</div>
<div class="my-div">Three</div>

htmljavascriptsquarespace