<分区>
我有以下标记:
<div class="heading-container">
<p class="stroke">Who we</p>
<h2 class="section-title extreme-bold">Contact us</h2>
<p class="stroke"></p>
</div>
现在我可以使用以下选择器选择第一个 .stroke:
.heading-container .stroke:nth-child(1){
max-width: 200px;
}
但是以下不适用于第二个笔划类:
.heading-container .stroke:nth-child(2){
max-width: 200px;
}
但以下再次起作用:
.heading-container .stroke:nth-child(3){
max-width: 200px;
}
现在为什么值 3 对第 2 个 nth-child 选择有效?
对于第 2 个第 n 个 child ,下面的假设不合适:
.heading-container .stroke:nth-child(2){
max-width: 200px;
}