如何在一个类上应用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？

回答

相关问题