第一类选择器中的css类

Question

我有以下HTML代码

<div class="span3">

<div class="abc">code for fist div</div>
<div class="abc">code for second div</div>

</div>

我需要使用外部css隐藏span3分区内的第一个分区。由于我在其他地方也使用过span3，所以我必须在选择时将分组类指定为abc而不说第一个子分区。

那么如何在span3中选择第一个abc分区？

Answer 1

您可以通过以下格式

来实现此目的

＆＃13;

＆＃13;

div.span3 div.abc:first-child {
  color: red;
}

＆＃13;

<div class="span3">
  <div class="abc">code for first div</div>
  <div class="abc">code for second div</div>
</div>

＆＃13;

＆＃13;

＆＃13;