铬的nth-type-type或n-child work有什么不同？

Question

我在为一个小项目构建模板时遇到了问题：尝试了nth-child和nth类型，但它们似乎在Chrome上有所不同，就像它从0索引一样...我试过其他浏览器并且他们一切都是一样的。代码示例是：

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

所以我希望在第一部分，第3部分等上看到黑色的rgb颜色和白色字体......在Opera和Mozilla上（以及在eclipse预览中）它们看起来像预期的那样。虽然在Chrome上的深色背景上它仅适用于偶数部分。有没有人遇到过这个问题并有任何提示？

模板也使用Bootstrap

Answer 1

如果你正在使用bootstrap并碰巧使用他们的类并想要修改它，你必须确保选择它的方式与他们在CSS中的方式相同