how can style be added to the first 2 list elements using CSS

Tags: css

Problem :

I have a list of the following format, how can I add style to the first 2 list elements using CSS (should work in IE8):

<ul id="list1"  style="margin-left:-20%;font-weight:bold" >
   <li class="xyz"> Element1 </li>
   <li class="xyz"> Element2 </li>
   <li class="xyz"> Element3 </li>
</ul>

---

Solution :

Try this way

 #list1 li:first-child
{

//styles//
}
#list1 li:first-child+li
{
  //styles//

}