css - Hide first <li> element -
my html structure per following:
<nav class="main-nav"> <ul> <li class="gallery-collection"> <a href="/">welcome</a> <!-- hide --> </li> <li class="page-collection"> <a href="/about/">about</a> </li> <li class="gallery-collection"> <a href="/support/">support</a> </li> ...
how hide first element saying "welcome" using css? note 2 elements have same class here: 'gallery-collection'.
max compatibility:
.main-nav li { display: none; } .main-nav li + li { display: list-item; }
less compatibility, not bad:
.main-nav ul li:first-child { display: none; }
Comments
Post a Comment