comment appliquer CSS sur un seul cours?

css comment appliquer CSS sur un seul cours?

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

Je veux appliquer sur une seule css classe mais il est pas appliqué à une classe, il semble que inchannel couvre tous les css. tout corps peut-il me dire comment appliquer css sur une seule classe? Une pensée? Merci.

Source

2012-02-23 SooIn Nam

Vous ne savez pas ce que vous entendez par "one class" ... – BoltClock

je veux dire ichn0 classe –

utiliser '! Important' dans la déclinaison css' ichn0'. Si j'ai compris ce dont tu as besoin. – gdoron

utilisation de spécificité plus élevée

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

    }

Source

2012-02-23 20:06:34

Merci beaucoup –

#inchannel li a beaucoup plus specificity Tham la .ichno de classe.

Il y a plusieurs façons de lutter contre cela.

Ajouter! Importante aux propriétés de .ichn0

Ceci est une mauvaise pratique, car vous pouvez remplacer les feuilles de style utilisateur comme celui-ci, qui sont utilisés pour des choses comme les lecteurs d'écran, etc.

Ajoutez un ID au premier li.

Ceci est OK, mais pas la façon dont j'irais à ce sujet, personnellement.

#inchannel: first-child

Voilà comment j'irais à ce sujet. À mes yeux, c'est le plus facile à maintenir sur plusieurs pages.

Ajouter un cours par réponse de Damen.

Il n'y a absolument rien de mal à cette approche. Je suis juste un meunier pour: les sélecteurs de pseudo.

Source

2012-02-23 20:09:29

thx pour vos conseils –

#inchannel li — applique à tous li éléments à l'intérieur de l'élément #inchannel (tous, dans votre cas.
.ichn0 — applique à li éléments avec ichn0 classe, peu importe quel élément ils sont à l'intérieur. Il n'y en a qu'un seul:

La raison pour laquelle le premier s prenant un précédent sur le .ichn0 CSS est en raison de CSS specificity. Le sélecteur #inchannel li est plus spécifique et remplace donc les paramètres moins spécifiques .ichn0.

La modification .ichn0 à #inchannel li.ichn0 devrait résoudre votre problème.

Source

2012-02-23 20:11:13 Nicole

comment appliquer CSS sur un seul cours?

Répondre

Questions connexes