html - 如何对与其他 child 具有相同类(class)的第一个 child 的 div 进行风格化

Question

我想使用 .child 和 .grandchild 类对第一个子项内的 div 进行样式设置(比如更改宽度或颜色)，它们也在其他子 div 中，但保持另一个子 div 完好无损。在这里我只能选择第一个 child 。

 DIV.parent> DIV:first-child.grandchild {background:red;width:70px;}
 
 .grandchild{font-size:10px;width:50px;height:50px;background:yellow;}
 .child{padding:5px;}

<div class='parent'>

<div class='child'>
<div class='grandchild'>
FIRST
</div>
</div>

<div class='child'>
<div class='grandchild'>
SECOND
</div>
</div>

<div class='child'>
<div class='grandchild'>
THIRD
</div>
</div>

<div class='child'>
<div class='grandchild'>
FOURTH
</div>
</div>


</div>

Answer 1

你的意思是这样的？ <强> jsfiddle

你的问题有点不清楚

代码

.child:first-child .grandchild {border:solid 10px #000;}