将css分配给特定元素

Question

我<li>在页面上有一个元素,我想以某种方式看.更改css会影响所有<li>元素.

这是我想要改变的元素
<li>Outside Job<span class="toggle"<input type="checkbox" /></span></li>

这是我的css <ul><li>

ul li {
    /*font: normal 17px Helvetica;*/
    color: #a9a9a9;
    border-top: 1px solid #333;
    border-bottom: #555858;
    list-style-type: none;
    padding: 10px 10px 10px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
    overflow: hidden;}

注释掉的字体部分和颜色是我想要影响的,<li>而不是任何其他颜色.

我该怎么做？谢谢!

Answer 1

如果你可以在LI上设置一个id或一个类,那么它将是微不足道的..

ul li {
    color: #a9a9a9;
    border-top: 1px solid #333;
    border-bottom: #555858;
    list-style-type: none;
    padding: 10px 10px 10px 10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c4d4e), to(#404142));
    overflow: hidden;
}

ul li.special {
    font: normal 17px Helvetica;
}

<li class="special">Outside Job<span class="toggle"><input type="checkbox" /></span></li>

除此之外,没有简单的方法可以单独使用css进行跨浏览.