css - 将 css 分配给特定元素

Question

我有一个 <li>我希望以某种方式查看页面上的元素。更改 css 会影响所有 <li>元素。

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

这是我的 <ul><li> 的 css

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 实现跨浏览器。