Html 类型的第n个CSS拒绝遵守

不幸的是，对我来说，在一个简单的场景中，第n个类型选择器拒绝服从命令

这是用于测试的HTML：

<div class="help-title">
    TITLE
</div>
<div class="help-warn-left">
    ERROR
</div>
<div class="help-warn-right">
    ERROR MESS
</div>

<div class="help-section">
    <div class="help-header">
        TEXT1
    </div>
    <div class="help-body">
        TEXT2
    </div>
</div>


<div class="help-section">
    <div class="help-header">
        TEXT3
    </div>
    <div class="help-body">
        TEXT4
    </div>
</div>


<div class="help-section">
    <div class="help-header">
        TEXT5
    </div>
    <div class="help-body">
        TEXT6
    </div>
</div>


<div class="help-section">
    <div class="help-header">
        TEXT7
    </div>
    <div class="help-body">
        TEXT8
    </div>
</div>

当我删除黄色背景周围的注释时，帮助部分将有黄色背景，因此它显然同意设置背景。然而，下面给出的命令要求第二帮助部分有一个红色背景，但它只是拒绝服从我！是我的浏览器吗？FirefoxV24.0？还是我不知道第n种类型是什么

---

我希望它能做的是选择第二个div，并在body中找到class help部分。显然，我在这里遗漏了一些东西。

我认为问题在于您必须指定要从中计算与选择器匹配的子项的父项。因此，您必须将css更改为类似于：

div.container div.help-section:nth-of-type(3)
{
    color:red;
}

加

<div class="container"></div>

围绕您的助手部分。我试过使用身体选择器，但没有运气

更多信息请点击此处：

JSFIDDLE

---

我认为问题在于，您必须指定要从中计算与选择器匹配的子项的父项。因此，您必须将css更改为类似于：

div.container div.help-section:nth-of-type(3)
{
    color:red;
}

加

<div class="container"></div>

围绕您的助手部分。我试过使用身体选择器，但没有运气

更多信息请点击此处：

JSFIDDLE

---

我认为问题在于，您必须指定要从中计算与选择器匹配的子项的父项。因此，您必须将css更改为类似于：

div.container div.help-section:nth-of-type(3)
{
    color:red;
}

加

<div class="container"></div>

围绕您的助手部分。我试过使用身体选择器，但没有运气

更多信息请点击此处：

JSFIDDLE

---

我认为问题在于，您必须指定要从中计算与选择器匹配的子项的父项。因此，您必须将css更改为类似于：

div.container div.help-section:nth-of-type(3)
{
    color:red;
}

加

<div class="container"></div>

围绕您的助手部分。我试过使用身体选择器，但没有运气

更多信息请点击此处：

JSFIDDLE

---

另一种选择是仅对这些部分使用不同的元素

HTML

---

另一种选择是仅对这些部分使用不同的元素

HTML

---

另一种选择是仅对这些部分使用不同的元素

HTML

---

另一种选择是仅对这些部分使用不同的元素

HTML

---

---

---

这不是你的浏览器。请定义你想要发生的事情。@sheriffderek Ok谢谢你签出它。@sheriffderek用这些信息更新了问题。这不是你的浏览器。请定义你想要发生的事情。@sheriffderek Ok谢谢你签出它。@sheriffderek用这些信息更新了问题。这不是你的浏览器。请定义您希望发生的事情。@sheriffderek确定，谢谢您的检查。@sheriffderek使用该信息更新了问题。这不是您的浏览器。请定义您希望发生的事情。@sheriffderek确定，谢谢您的检查。@sheriffderek使用该信息更新了问题。抱歉，我将其从第2个第n个类型更改为第3个。是的。。。这也是我发现的。。。似乎它需要一个更具体的范围，如果你从OP的章节中删除前面的div，它就会起作用。你比我强+1问题仍然是，帮助部分类被忽略了，因此毫无意义。顺便说一句，@ShalomAptekar，我知道这里可能太过健谈，但是。。。很好的网站，伙计！对不起，我把它从第2个第n个字改成了第3个。是的。。。这也是我发现的。。。似乎它需要一个更具体的范围，如果你从OP的章节中删除前面的div，它就会起作用。你比我强+1问题仍然是，帮助部分类被忽略了，因此毫无意义。顺便说一句，@ShalomAptekar，我知道这里可能太过健谈，但是。。。很好的网站，伙计！对不起，我把它从第2个第n个字改成了第3个。是的。。。这也是我发现的。。。似乎它需要一个更具体的范围，如果你从OP的章节中删除前面的div，它就会起作用。你比我强+1问题仍然是，帮助部分类被忽略了，因此毫无意义。顺便说一句，@ShalomAptekar，我知道这里可能太过健谈，但是。。。很好的网站，伙计！对不起，我把它从第2个第n个字改成了第3个。是的。。。这也是我发现的。。。似乎它需要一个更具体的范围，如果你从OP的章节中删除前面的div，它就会起作用。你比我强+1问题仍然是，帮助部分类被忽略了，因此毫无意义。顺便说一句，@ShalomAptekar，我知道这里可能太过健谈，但是。。。很好的网站，伙计！我不知道为什么有人对此投了反对票，除非页面中有其他部分，否则这是一个有效的解决办法。因此，我接受这个答案是为了向沮丧的人表示不满。从这两方面都可以学到一些东西。不过很奇怪。我想我不完全理解为什么不把他们看作一个整体。我几乎总是把事情列在清单上，李的总是被选中。不知道为什么有人对此投了反对票，这是一个有效的解决办法，除非在页面的其他地方有部分。因此，我接受这个答案是为了向沮丧的人表示不满。从这两方面都可以学到一些东西。不过很奇怪。我想我不完全理解为什么不把他们看作一个整体。我几乎总是把事情列在清单上，李的总是被选中。不知道为什么有人对此投了反对票，这是一个有效的解决办法，除非在页面的其他地方有部分。因此，我接受这个答案是为了向沮丧的人表示不满。从这两方面都可以学到一些东西。不过很奇怪。我想我不完全理解为什么不把他们看作一个整体。我几乎总是把事情列在清单上，李的总是被选中。不知道为什么有人对此投了反对票，这是一个有效的解决办法，除非在页面的其他地方有部分。因此，我接受这个答案是为了向沮丧的人表示不满。从中可以学到一些东西