css - 如何只在一个类上应用CSS？

Question

CSS

#inchannel li{
            width:179px;
            height:40px;
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
            font-size:17px;
            color:#999999;
            background:url(img/green.png) no-repeat 8% 50%,url(img/back_line.png);

        }

        .ichn0{
            width:179px;
            height:123px;
            margin:0px 0px 0px 0px;
            padding:0px 0px 0px 0px;
            font-size:17px;
            color:#999999;
            background:url(img/green.png) no-repeat 8% 18%,url(img/log_in_body.png),url(img/invite_button.png) no-repeat 60% 60%;

        }

html

<ul id="accordion">

<li>
    <a href="#" class="item category" rel="category"></a>
    <ul id="inchannel">
    <li class="ichn0"><img src="facebook/41403_1434825607_37944358_q.jpg"></li>
        <li><img src="facebook/48983_615523712_8495_q.jpg"></li>
        <li><img src="facebook/41621_717814907_4472_q.jpg"></li>
    </ul>
</li>

</ul>

我只想将 css 应用于一个类，但它并未应用于一个类，似乎 inchannel css 涵盖了所有类。任何人都可以告诉我如何只在一个类上应用 css 吗？任何想法？谢谢。

Answer 1

使用更高的特异性

#inchannel li.ichn0{
        width:179px;
        height:123px;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        font-size:17px;
        color:#999999;
        background:url(img/green.png) no-repeat 8% 18%,url(img/log_in_body.png),url(img/invite_button.png) no-repeat 60% 60%;

    }