How do I select the first adjacent sibling?

Question

I have an HTML list like so:

  
Heading 1
  


        

Answer 1

There are a few ways to hide only the "Heading 1" only:

ul li:first-child {display:none;}

Alternatively:

li.parent{ display: none; }
li.parent + li.parent { display: list-item; }

Also,