Html 第n种类型排序适用于类，但仅适用于不同的嵌套标记

我看到很多帖子都在说“”，但我看到的结果相互矛盾

用户提供了一个示例，该示例充当中的

：第一个
类型选择器

他们使用的代码是：


.home.red：第n个类型（1）{
边框：5px纯红；
}

废话
首先
秒
第三

第四

因为
.red:nth的类型（1）
表示其类型的第一个，并且具有“red”类

所以

第一个
p
也有“red”类，因此被选中

及

第一个
div
没有一类“red”，因此没有被选中。
因为
。
表示它的第一个类型和“red”类

所以

第一个
p
也有“red”类，因此被选中

及

第一个
div
没有not类为“red”，因此未被选中。
如果在第二个示例中将
div
更改为
p
，它将起作用，因为第一个
div
将具有红色类


.home.red：第n个类型（1）{
边框：5px纯红；
}

工程（p标签）
首先
秒
第三


不工作（div标签）

第一
第二
第三
如果在第二个示例中将
div
更改为
p
，它将起作用，因为第一个
div
将具有红色类


.home.red：第n个类型（1）{
边框：5px纯红；
}

工程（p标签）
首先
秒
第三


不工作（div标签）

第一
第二
第三
“因为
.red:nth类型（1）
意味着它的第一个类型和
类。red
“谢谢，我知道我遗漏了一些东西。这给了我一个“啊哈”的时刻。“因为
.red:nth的类型（1）
意味着它的类型的第一个，而类
.red
”谢谢，我知道我遗漏了一些东西。这给了我一个“啊哈”的时刻。如果你回头看第二个问题的公认答案，你会看到我的另一个答案，它非常彻底地解释了公认答案有缺陷的原因，你会得到你问题的答案。事实上，Paulie_D的回答与我的回答几乎相同，只是为了澄清你的问题，他们直截了当地指出了问题所在。如果你仔细看第二个问题的公认答案，你会看到我的另一个答案，它非常彻底地解释了公认答案存在缺陷的原因，你会得到你问题的答案。事实上，Paulie_D的回答与我的回答基本相同，只是为了澄清你的问题，他们直截了当地说到了重点。
<div class="home">
  <div>Works (<code>p</code> tags)</div>
  <p class="red">first</p> /* works */
  <p class="red">second</p>
  <p class="red">third</p>
</div>

<div class="home">
  <div>Does not work (<code>div</code> tags)</div> /* doesn't work */
  <div class="red">first</div>
  <div class="red">second</div>
  <div class="red">third</div>
</div>