第n个子项可以与此HTML结构一起使用吗？

我有一个类似的想法：

似乎不起作用

第n个子项可以与此HTML结构一起使用吗

请参阅此JSFIDLE以供参考：

您可以将第n个子项与类项一起使用，并为其框标题指定样式

试试这个：

#container .item:nth-child(3) .box-header{ background-color: red; }

您可以将第n个子项与类项一起使用，并为其框标题指定样式

试试这个：

#container .item:nth-child(3) .box-header{ background-color: red; }

---

container.item:nth childn>.box header{background color:red；}container.item:nth childn>.box header{background color:red；}是否以第三个项目的box header或所有box header元素为目标？两者都不，我希望能够使用第n个子项，这样我就可以“设置并忘记”框标题颜色。是否要以第三项的框标题或所有框标题元素为目标？两者都不，我希望能够使用第n个孩子，这样我就可以“设置并忘记”框标题颜色。很高兴帮助您@RaphaelRafatpanahglad帮助您@RaphaelRafatpanah这将无法工作，因为从那时起，所有的框标题都将是相同的颜色。这将无法工作，因为从那时起，所有的框标题都将是相同的颜色。

#container .item:nth-child(3) .box-header{ background-color: red; }

.item .box-header:first-child {
    background-color: red;
}