如何在一個類上應用css？

CSS如何在一個類上應用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，但它並不適用於它好像隨路CSS涵蓋了所有的一類。任何機構都可以告訴我如何在一個類上應用css？有什麼想法？謝謝。

來源

2012-02-23 SooIn Nam

不確定「一類」是什麼意思... – BoltClock 2012-02-23 20:05:50

我的意思是ichn0 class – 2012-02-23 20:06:21

在'ichn0'css declration中使用'！important'。如果我明白你的需要是對的。 – gdoron 2012-02-23 20:06:55

使用特異性較高

#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%; 

    }

來源

2012-02-23 20:06:34

非常感謝你 – 2012-02-23 20:11:21

#inchannel li具有艾德里安類.ichno更specificity。

有幾種方法可以解決這個問題。

加入！重要的.ichn0

這是不好的做法的性質，因爲你可以覆蓋用戶樣式表這樣的，這是用於諸如屏幕閱讀器等

向第一個li添加一個ID。

這是好的，但不是我個人的方式。

#inchannel：第一胎

這是我會怎麼去做。在我看來，這是最容易在多個頁面上維護的。

根據Damen的回答添加一個班級。

這種方法絕對沒有問題。我只是一個吸食者：psuedo選擇器。

來源

2012-02-23 20:09:29

thx您的意見 – 2012-02-23 20:11:11

#inchannel li —適用於#inchannel元素（所有這些內部的所有li元素，你的情況。
.ichn0 —適用於li元素與ichn0類，不管他們是裏面有什麼元素。只有其中之一

之所以第一個我在.ichn0 CSS上的先例是因爲CSS specificity。 #inchannel li選擇器更具體，因此將覆蓋較不具體的.ichn0設置。

更改內容.ichn0至#inchannel li.ichn0應解決您的問題。

來源

2012-02-23 20:11:13 Nicole

如何在一個類上應用css？

回答

相關問題