Authoring optionsBrowser rendering differences

processus de lecture des sélecteurs par l'user-agent

Une lecture de droite à gauche des sélecteurs, par ex :

<a> <b> <c> { prop:value;}

L'user-agent va d'abord isoler les <c> dans le html, puis regarder lesquels sont enfants d'un <b>, et enfin parmi ceux-ci lesquels sont dans un <a>

S'il est possible de simplifier le sélecteur, le faire !

La cascade

Les styles externes sont appliqués en premier, puis les styles “embedded”, et enfin les styles “inline”.

De manière générale, c'est le dernier style applicable qui est appliqué.

héritages

Un élément hérite des styles appliqués à ses parents. À noter que cela ne concerne pas toutes les propriétés.

spécificité

selecteurIDclassesélémentsspécificité
body0011
#mainContent100100
quote01010
div p0022
#sidebar p101101

cumul

Les styles peuvent se cumuler avec les déclarations.