如何访问同一类的多个分组元素中的第一个？可以说我有一些看起来像这样的东西：
<div class="group">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
<div class="group">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
<div class="group">
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
</div>
我只想更改每个组的第一个元素的样式。如何做到这一点？我试过了
.group{
.element:first{
####styles here
}
}
但这似乎并不不幸（应该吗？）。
使用:first-child。
.group .element:first-child {
color: red;
}<div class="group">
<div class="element">Test</div>
<div class="element">Test</div>
<div class="element">Test</div>
<div class="element">Test</div>
</div>
<div class="group">
<div class="element">Test</div>
<div class="element">Test</div>
<div class="element">Test</div>
<div class="element">Test</div>
</div>
<div class="group">
<div class="element">Test</div>
<div class="element">Test</div>
<div class="element">Test</div>
<div class="element">Test</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句