第N个子CSS无法正常工作。它正在处理其他号码，但没有获得第一个

Question

所以我有这套课程

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>

.myClass:nth-child(1) {
background: red;
}

所以在我的CSS上，我有

它不起作用，我试图更改该数字，但是由于某种原因，它可以在其他数字上使用（19）

Answer 1

您要给第二个元素上色吗？ use改为nth-of-type。

.myClass {height: 10vh; border: 1px solid black;}
.myClass:nth-of-type(2) {background: red;}

<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>
<div class="myClass"></div>