我有以下HTML

  <div class="parentt">
        <p>p 1</p>
        <p>p 2</p>
        <p>p 3</p>
    </div>

所以如果我想在我的parentt类中设置第二个p的样式，我将执行

  <div class="parentt">
        <p>p 1</p>
        <p>p 2</p>
        <p>p 3</p>
    </div>

但是当我的html是混合的

  <div class="parentt">
        <p>p 1</p>
        <p>p 2</p>
        <p>p 3</p>
    </div>

我放入标签中，我的css不再工作了，因为现在第n个子2不是段落，而是h2。

如何首先动态地选择内部的所有p，然后选择内部的第二个p？

，因为有时，第二个p可以出现在第n个子数字上，例如8。 我不能每次都更改CSS。

顺晟科技：

使用

  <div class="parentt">
        <p>p 1</p>
        <p>p 2</p>
        <p>p 3</p>
    </div>

https://developer.mozilla.org/en-美国/docs/web/css/:nth-of-type

在这种情况下，可以使用代替

您可以使用伪选择器。您可以在这里阅读更多