Html 第n个类型或第n个子工作在chrome上不同？

我在为一个小项目构建模板时遇到了一个问题：尝试了第n个child和第n个类型，但它们在Chrome上的工作方式似乎不同，就像它是从0索引的一样。。。我已经在其他浏览器上试用过，它们的工作原理都是一样的。代码示例为：

.section:nth-of-type(odd) {
    background-color: rgb(69, 77, 96);
    color: #fff;
}

因此，我希望在第一节、第三节等处看到深rgb颜色和白色字体。。在Opera和Mozilla（以及eclipse预览版内部）上，它们看起来和预期的一样。虽然在深色背景上，它只适用于偶数部分。有人遇到过这个问题，有什么提示吗

---

模板还使用引导

这可能是因为第n个child和第n个type通常用于元素，而不是用于complexer选择器（）

---

尝试将偶数项和奇数项放在容器元素中，然后将选择器设置为类型的第n个（奇数），或者设置为类型的第n个子项和第n个子项（奇数），这可能是因为第n个子项和第n个子项通常用于元素，而不是用于complexer选择器（）.

---

尝试将偶数项和奇数项放在容器元素中，然后将选择器设置为类型（奇数）的

div.item-container div:nth，或者
div.item-container:nth child（奇数）
如果您正在使用引导，并且碰巧使用了它们的类并想要修改它，你必须确保你的选择方式与他们在CSS中的选择方式相同
如果你正在使用bootstrap，并且碰巧使用了他们的类并想要修改它，你必须确保你的选择方式与他们在CSS中的选择方式相同
不幸的是，你的解决方案起了作用，但在Chrome上仍然存在同样的问题。。。我通过再次使用第n个孩子解决了这个问题。。。不知道为什么。。。我的意思是，在尝试第n种类型之前，我已经尝试了两次以上…事实上，现在在编辑前端特定部分的内容时，我注意到我在没有注意到的情况下应用了你的想法，我认为这就是为什么它现在可以工作的原因。。。虽然我很确定我之前已经试过了，可能是缓存问题，我也读过其他类似的问题，有时浏览器由于某种原因没有得到所有的修改…如果你怀疑网页没有根据你最新的样式更改呈现，你可以在浏览器中尝试CTRL+F5。通过这种方式，您可以强制浏览器获取网页刷新所需的所有文件的最新版本。事实上，我对您所说的做了一些研究，CTRL+F5应该比普通F5更有效，以确保我正在查看最新的修改，并且网页没有从缓存加载。我还发现了一篇关于这方面的详细文章：不幸的是，您的解决方案有效，但在Chrome上仍然存在同样的问题。。。我通过再次使用第n个孩子解决了这个问题。。。不知道为什么。。。我的意思是，在尝试第n种类型之前，我已经尝试了两次以上…事实上，现在在编辑前端特定部分的内容时，我注意到我在没有注意到的情况下应用了你的想法，我认为这就是为什么它现在可以工作的原因。。。虽然我很确定我之前已经试过了，可能是缓存问题，我也读过其他类似的问题，有时浏览器由于某种原因没有得到所有的修改…如果你怀疑网页没有根据你最新的样式更改呈现，你可以在浏览器中尝试CTRL+F5。通过这种方式，您可以强制浏览器获取网页刷新所需的所有文件的最新版本。事实上，我对您所说的做了一些研究，CTRL+F5应该比普通F5更有效，以确保我正在查看最新的修改，并且网页没有从缓存加载。我还发现了一篇关于这方面的详细文章：我试图访问一个section类，确保它被正确访问，并且没有其他节可以干扰，但它不起作用。。经过几次尝试，它工作正常，跨浏览器与第n个孩子（虽然我在第一次尝试使用它）我试图访问一个节类，确保它被正确访问，我没有其他节干扰，但它不工作。。经过几次尝试，它工作正常，跨浏览器与第n个孩子（虽然我已经尝试了它在第一个实例中）实际上我凸轮回到我的第一个版本与第n个孩子（奇数），现在它工作跨浏览器。奇怪的是，我已经试过好几次了，但并没有表现得很好。如果有人对可能发生的事情有更好的想法，如果这个bug有一些隐藏的技巧，我将这个问题留给更多的想法。工作的代码与代码片段中的代码完全相同，我刚刚返回到第n个孩子：寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码，最好是以最短的方式。看，实际上我用第n个孩子（奇数）回到了我的第一个版本，现在它可以跨浏览器工作。奇怪的是，我已经试过好几次了，但并没有表现得很好。如果有人对可能发生的事情有更好的想法，如果这个bug有一些隐藏的技巧，我将这个问题留给更多的想法。工作的代码与代码片段中的代码完全相同，我刚刚返回到第n个孩子：寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码，最好是以最短的方式。看见