HTML5中有序列表第三子项变色语句怎么写

css样式去控制。css选择器:nth-child(n);n值为要选择的第几个子项。例如：
<ul>
<li>第一子项</li>
<li>第二子项</li>
<li>第三子项</li>
<li>第四子项</li>
</ul>
选择到第三个子项后变它的字体颜色：
li:nth-child(3)
{color:#f00;}
当然也可以用js去选择控制了：
这里我用个jq的属性选择器:eq(index)，这里的index值是从0开始的。继续用上面的例子：
$('ul
li:eq(2)').css('color','#f00')
这样也能实现第三个子项字体颜色的改变