Masquer tous sauf le premier enfant d'un élément à l'aide de pure css

Je suis en train d'essayer de cacher tout autre enfant après la naissance du premier enfant, classa classe de l'élément.

CSS:

div.classa {
    display:none;
}
div.classa:first-child {
    display:block !important;
}

HTML:

<div class="content">
    <h3>abc</h3>
    <div class="classa">some content</div>
    <h3>xyz</h3>
    <div class="classa">more content</div>
    <h3>header3</h3>
    <div class="classa">another content</div>
</div>

Comment obtenir cette aide pur css.

  • si vous voulez montrer d'abord '<h3> " ou " <div class="classa">'
  • être précis sur ce que vous voulez montrer.
  • Je veux montrer d'abord '<div class="classa">'
InformationsquelleAutor biztiger | 2015-04-13