Hide all axecpt the first

by Bianca Kuehweidner

HTML

<div class="box">

  <div class="flightdata-header">
    1. Header
  </div>
  <div class="flightdata-subheader">
    1. Subheader
  </div>
  
  <!-- ---------------------------- -->
  
  <div class="flightdata-header">
    2. Header
  </div>
  <div class="flightdata-subheader">
    2. Subheader
  </div>
  
  <!-- ---------------------------- -->
  
  <div class="flightdata-header">
    3. Header
  </div>
  <div class="flightdata-subheader">
    3. Subheader
  </div>
  
</div>

CSS

.box { padding: 10px; border: solid 1px red; }
.box div.flightdata-header ~ div.flightdata-header,
.box div.flightdata-subheader ~ div.flightdata-subheader { display: none; }