不支持的可以有两种做法。
直接点的就是单独给第一个加个class，border-left:0 none
好一点的，是设置
ul{overflow:hidden}
li{margin-left:-1px}
方法很多种，例如通过伪类：last-child{ 样式 }这个是选择最后一个父级子元素。第一个父级子元素可以这样nth-child(1){ 样式 }
除了上面的方法还可以通过给第一和最后一个元素设置一个额外的类来设置样式。
很多方法都是可以实现值控制一个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>
