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

Popular posts from this blog

php - Calling a template part from a post -

Firefox SVG shape not printing when it has stroke -

How to mention the localhost in android -