如何只选择另一个div的所有第一个孩子

时间:2017-06-06 15:05:12

标签: html css

假设有这个HTML代码:

<div class="colora_riga">
     <!--only this div-->
     <div>
         <div>...</div>
     </div>
     <!--only this div-->
     <div>
        <div>...</div>
     </div>
</div>

我想要像colora_riga这样直接把所有第一个孩子直接带到div。我没有&#39;想要div另一个div。这是我的css:

.colora_riga > div:first-child {
    border:1px ridge #999999;  
}

此规则仅适用于div的第一个孩子&#34; colora-riga&#34;像类一样,对于第二个直接子项,规则不适用。有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:3)

如果我理解正确,您希望直接在.colora_riga下的每个div,那么您不需要:first-child

.colora_riga > div {
    border:1px ridge #999999;  
}