html - 一流选择器中的 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，所以选择的时候只好指定division类为abc，不说第一个子division。

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

Answer 1

您可以通过以下样式实现此目的

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

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