css - 选择特定元素

Question

伙计们，如果我有很多段落，我不知道如何选择特定的类/ID 选择器，而我只想选择一个特定的选择器，我应该如何做到这一点。例如，如果我想选择第二段，我该怎么做？ <p>World</p>我可以以某种方式选择它还是我需要添加另一个类。

示例:

HTML:

<div class="class">
   <p>Hello</p>
   <p>World</p>
</div>

如何选择第二段<p>World</p>

Answer 1

看看伪类选择器 :nth-of-type()

在这种情况下，您只需执行 .class > div:nth-of-type(2)

.class > p:nth-of-type(2) {
  background-color: red
}

<div class="class">
   <p>Hello</p>
   <p>World</p>
</div>