Html 目标倍数<；部门>；CSS

我有这个HTML结构，我想在CSS中以

divs

为目标，如下所示：

<div></div>
<div></div>
<div></div> 
<div></div> <!-- SPECIFIC STYLE -->
<div></div> <!-- SPECIFIC STYLE -->
<div></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div> 
<div></div> 
<div></div>
<div></div> <!-- SPECIFIC STYLE --> 
<div></div> <!-- SPECIFIC STYLE -->
<div></div> <!-- SPECIFIC STYLE -->

我不知道如何在CSS中使用第n个子项来定位这些

div

编辑：禁止使用类

给你

div:nth-child(4),
div:nth-child(5),
div:nth-child(6),
div:nth-child(11),
div:nth-child(12),
div:nth-child(13) {
    /*your style*/
}

注意：当然，只有当您无法将类添加到特定的div中时，此解决方案才有用。同样，它也适用于站点中的任何div序列。因此，如果您选择使用此方法，您可能应该在div部分之前为父级指定一个div id。

给您

div:nth-child(4),
div:nth-child(5),
div:nth-child(6),
div:nth-child(11),
div:nth-child(12),
div:nth-child(13) {
    /*your style*/
}

---

注意：当然，只有当您无法将类添加到特定的div中时，此解决方案才有用。同样，它也适用于站点中的任何div序列。因此，如果选择使用此方法，您可能应该在div部分之前为父级指定一个div id。

您可以向需要设置样式的div添加一个类。样本如下：

<div></div>
<div></div>
<div></div> 
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div> 
<div></div> 
<div></div>
<div class="specific_style"></div> <!-- SPECIFIC STYLE --> 
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->

and in CSS update by using the class like .specific_style { //styles }

Hope This is helpful

在CSS更新中，使用类，如.specific_style{//styles}
希望这是有帮助的

您可以向需要设置样式的div添加一个类。样本如下：

<div></div>
<div></div>
<div></div> 
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div></div>
<div></div> 
<div></div> 
<div></div>
<div class="specific_style"></div> <!-- SPECIFIC STYLE --> 
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->
<div class="specific_style"></div> <!-- SPECIFIC STYLE -->

and in CSS update by using the class like .specific_style { //styles }

Hope This is helpful

在CSS更新中，使用类，如.specific_style{//styles}
希望这是有帮助的

像这样的东西

div{
浮动：左；
宽度：50px；
高度：50px；
边框：实心1px黑色；
背景色：#巴巴菲；
}
1.你的风格{
背景色：#巴非巴；
}

像这样的东西

div{
浮动：左；
宽度：50px；
高度：50px；
边框：实心1px黑色；
背景色：#巴巴菲；
}
1.你的风格{
背景色：#巴非巴；
}

---

这是正在运行的代码请尝试此

div:n子级（4）{
颜色：红色；
}
分区：第n个孩子（5）{
颜色：蓝色；
}
分区：第n名儿童（6）{
颜色：白色；
}
分区：第n名儿童（11）{
颜色：橙色；
}
分区：第n名儿童（12）{
颜色：粉红色；
}
分区：第n名儿童（13）{
颜色：黄色；
}

没有样式
没有风格
没有风格
红色
蓝色
白色
没有风格
没有风格
没有风格
没有风格
橙色
粉红色
黄色

这是正在运行的代码请尝试此

div:n子级（4）{
颜色：红色；
}
分区：第n个孩子（5）{
颜色：蓝色；
}
分区：第n名儿童（6）{
颜色：白色；
}
分区：第n名儿童（11）{
颜色：橙色；
}
分区：第n名儿童（12）{
颜色：粉红色；
}
分区：第n名儿童（13）{
颜色：黄色；
}

没有样式
没有风格
没有风格
红色
蓝色
白色
没有风格
没有风格
没有风格
没有风格
橙色
粉红色
黄色

请向我们展示您尝试过的CSS，以便我们可以突出显示您的错误所在。添加类始终是一个选项。如果它是泛型的，则某些

：nth-of-type（）

可以。请向我们展示您尝试过的CSS，以便我们能够指出您的错误所在。添加类始终是一个选项。如果它是泛型的，那么一些

：nth-of-type（）

就可以了