CSS 2, priorité de l'aide des feuilles de style importées élément de liaison

Question

Compte tenu

<link rel="STYLESHEET" href="/css/t.cake.css" type="text/css"/> 
<link rel="STYLESHEET" href="/css/f.css" type="text/css"/> 
<link rel="STYLESHEET" href="/css/t.generic.css" type="text/css"/> 
<link rel="STYLESHEET" href="/css/t.head.css" type="text/css"/> 

dont les règles ont une priorité plus élevée dans la cascade? Supposons que tous ont la même priorité par rapport aux autres comparaisons CSS? Ceux dans la première ou dernière feuille de style?

TIA DaveP

Answer 1

Selon the specs, le dernier est appliqué.

4. Enfin, trier par ordre spécifié: si deux déclarations ont le même poids, l'origine et la spécificité, cette dernière spécifiée gagne. Les déclarations dans les feuilles de style importées sont considérées comme antérieures à toute déclaration dans la feuille de style elle-même.

De toute façon, ce ne serait pas une bonne pratique de s'en tenir à cela seul, car cela rend votre code difficile à lire et à interpréter. Je m'assurerais que les règles correctes ont été appliquées par specificity des sélecteurs, peu importe dans quelle feuille de style ils sont placés.

Answer 2

Les derniers modèles ont la priorité! Mais vous pouvez utiliser:

.nameclass{ 
    font-size:11px !important; 
} 

Answer 3

La plus haute priorité est accordée aux styles en ligne. règles de style de feuilles de style externes suivent une formule simple (voir http://www.htmldog.com/guides/cssadvanced/specificity/)

à l'ordre des feuilles, les règles de la dernière feuille prévaudraient en cas de collision (sauf si vous utilisez le! Indicateur important)

modifier: mieux ref sur la spécificité http://css-tricks.com/specifics-on-css-specificity/

Answer 4

les feuilles de style sont téléchargés et appliqués dans l'ordre où ils sont liés, à savoir:

• t.cake.css
• f.css // ont priorité des règles contradictoires de la feuille de style ci-dessus
• t.generic.css // ont priorité des règles contradictoires des twostylesheets ci-dessus
• t.head.css // ont priorité règles contradictoires des trois feuilles de style ci-dessus