Quelles sont les priorités parmi les sélecteurs CSS

vous devez trouver la #pas d'id =A ,#pas de class =B et #pas de tag =c dans le sélecteur

ABC avec la valeur la plus élevée gagne.

.wrapper .title  p {  
  //some other rules
}

A=0 B=2 C=1 =021

\#foo {
  //some more rules
}

A=1 = 100

.bar .head div li{
  //some more rules
}


A=0 B=2 C=2 =022

100>022>021

donc #foo gagne

OriginalL'auteur jegan

Voir le la spécificité de l'ordre section de la spécification (avec le reste de ce chapitre !les principales règles et de l'ordre, les règles apparaissent dans la feuille de style ont un impact trop).

OriginalL'auteur Quentin

De priorité entre les sélecteurs est contrôlée par spécifiques et comment ils sont. Plus spécifique des sélecteurs de gagner moins spécifiques.

Si les deux sélecteurs sont également spécifiques, la plus récente l'emporte sur la première.

Il y a trois niveaux de spécificité, d'identité, de classe et de l'élément. Donc #elem victoires sur .elem comme un identifiant est plus spécifique. .elem .cont victoires sur .elem comme il a plus de sélecteurs au même niveau.

Lire la section "Ce qui se passe lorsque des conflits se produisent?" à Selectutorial.

OriginalL'auteur Guffa

CSS signifie en Cascade Feuilles de Style. Cela signifie que les règles s'appliquent à des éléments de la cascade. Il est parfaitement normal que les différents sélecteurs de s'appliquer à un élément. Pense, par exemple, à la suite de:

<div class="wrapper">
  <div id="foo" class="bar" style="some rules">Test</div>
</div>

Les règles suivantes devraient affecter à la "toto" élément:

.wrapper {
  //some other rules
}

#foo {
  //some more rules
}

.bar {
  //some more rules
}

Règles de priorités peut être trouvé ici.

Je conseille toujours d'utiliser Firefox "firebug" plugin. Il va vous montrer exactement les propriétés qui sont évalués pour un élément spécifique et pourquoi, en insistant sur les remplacements au cours de la cascade.

OriginalL'auteur Roberto Aloi