CSS класс внутри первого класса селектора

Question

У меня есть следующий код

<div class="span3"> 

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

</div> 

мне нужно, чтобы скрыть первое разделение внутри span3 разделения с использованием внешнего CSS. Поскольку я использовал span3 и в других местах, я должен указать класс деления как abc при выборе, не сказав первого дочернего деления.

Итак, как я могу выбрать первое подразделение abc в span3?

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>