很多方法都是可以实现值控制一个li样式而不影响其他的，最简单的是给第一个li设置一个id或者设置一个单独的class，也可以使用最新的css3选择器。
工具原料：编辑器、浏览器
1、设置类或者id的方法
简单的代码示例如下：
<body><ul>
<li id="special">111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
<style>
#special{
background: #ccc
}
</style>
</body>
2、使用css3的选择器
<body><ul>
<li id="special">111</li>
<li>222</li>
<li>333</li>
<li>444</li>
<li>555</li>
</ul>
<style>
li:first-child
{
background-color:yellow
}
</script>
</body>
可以用伪类ul >i:first-child{font-weight:18px}
所以推荐用JQUERY 或者是 JAVASCRIPT
JQUERY是
$('ul li:eq(0)').css('font-weight', '18px')
JAVASCRIPT是
document.getElementsByTagName('ul')[0].getElementsByTagName('li')[0].style.fontWeight = '18px'
css2里的伪类均摊符，意思是：匹配父元素的第一个子元素你可以在css手机里可以查到这个伪类选择符
比如：
<ul>
<li>列表项一</li>
<li>列表项二</li>
<li>列表项三</li>
<li>列表项四</li>
</ul>
在上述代码中，如果我们要设置第一个li的样式，那么代码应该写成li:first-child{sRules}，而不是ul:first-child{sRules}。其它相关的伪类都如此。
