Question

Possible Duplicate:
How to skip first child?

I have a ul with 4 li in it:

<div id="someid">
    <ul>
       <li>1st</li>
       <li>2nd</li>
       <li>3rd</li>
       <li>4th</li>
    </ul>
</div>

I’m setting a style for these li elements:

#someid ul li{
      font-weight: bold;
}

Now I want exclude the first li. How can I do it?

Answer 1

#someid ul li:not(:first-of-type) {
      font-weight: bold;
}

or if that doesn’t work in ancient browsers:

#someid ul li {
      font-weight: bold;
}
#someid ul li:first-child {
      font-weight: normal;
}