如何在nth-child()中包含更多标签

Question

我对使用第n个子项有一些疑问。我想知道是否可以在nth-child()中包含多个标签，而不是每次都写。例如，我有6个元素，我想在第n个子元素中包括第2个和第3个元素，以应用一个更改背景颜色的类。

我曾盲目地尝试使用nth-child(2, 3)，但显然它不起作用。然后我查看了一些参考资料，意识到nth-child(n+otherNumber)可以使用，但我无法使其发挥作用。

除了了解如何依次包含多个标签外，我还想了解如何包含一起激发的标签，例如3和5。

我对这一切都比较陌生，有人能澄清一下吗？我感谢您的回复，感谢您的帮助。

div.modal-content > p:nth-child(2) {
background-color: red;
}

<div class="modal-content">
<span class="close-button">Button Example</span> <!-- Is this counted as element 1 ? -->

<p> 
Element 2
</p>
<p>
Element 3     
</p>
<p>
Element 4
</p>
<p>
Element 5
</p>
<p>
Element 6
</p>    
</div>

Answer 1

正如评论中所说，你不能用逗号包含多个数字，但你可以这样做：

div.modal-content>p:nth-child(2), p:nth-child(3) {
background-color: red;
}