Question

请问CSS中<li>单独颜色怎么设置？

#top_e li {
font-size:9pt;
background-color: #4BAFDA;
color:#000000;
text-decoration:none;
display: inline;
border: 1px solid #000000;
overflow: visible;
width: 11%;
height: 40px;
margin-bottom: 10px;
text-align: center;
padding-top: 12px;
}

<div id="top_e">
<li>操作</li>
<li>基站名称</li>
<li>进站人员</li>
<li>联系电话</li>
<li>归属公司</li>
<li>进站时间</li>
<li>出站时间</li>
<li>进站原因</li>
<li>操作</li>
</div>

如果在DIV内对单独一个li进行操作或改变颜色？

Answer 1

#top_e li {
font-size:9pt;
background-color: #4BAFDA;
color:#000000;
text-decoration:none;
display: inline;
border: 1px solid #000000;
overflow: visible;
width: 11%;
height: 40px;
margin-bottom: 10px;
text-align: center;
padding-top: 12px;
}
#top_e li {
color:red;
}
<div id="top_e">
<li>操作</li>
<li>基站名称</li>
<li>进站人员</li>
<li class="one">联系电话</li>
<li>归属公司</li>
<li>进站时间</li>
<li>出站时间</li>
<li>进站原因</li>
<li>操作</li>
</div>

Answer 2

可以使用CSS选择器
例如#top_e li:first-child{backgroung-color:red}
就是把第一个li背景颜色设置为红色

只不过IE6不支持这种写法，如果你想兼容的话，没办法，只好给li加上class了

给你个参考资料看看吧

Answer 3

直接在你想要改变颜色的那个<li style="color:red">。。。</li>