web-dev-qa-db-fra.com

Ordre de priorité des feuilles de style

Si j'ai les feuilles de style suivantes:

user important declarations
user normal declarations
author normal declarations
user agent declarations
author important declarations

et devez les appliquer de la priorité la plus élevée à la priorité la plus basse, dans quel ordre dois-je les utiliser?

24
Chin

L'ordre de priorité correct est, du moins important au plus important:

  1. Agent utilisateur
  2. Utilisateur normal
  3. Auteur Normal
  4. Auteur Important
  5. Utilisateur Important

Comme défini dans la spécification

44

Les déclarations CSS sont appliquées dans cet ordre (de la priorité la plus basse à la plus haute):

  1. déclarations d'agent utilisateur (les styles par défaut appliqués par votre navigateur aux éléments )
  2. déclarations normales de l'utilisateur (la propre feuille de style de l'utilisateur s'il utiliseone)
  3. déclarations normales de l'auteur (ceci est votre feuille de style normale)
  4. déclarations importantes de l'auteur (tout ce qui est important pour votre marque)
  5. déclarations importantes de l'utilisateur (tous les styles importants de la feuille de style de l'utilisateur)
9
Mehdi Souregi

Le contenu ci-dessous provient de ici.

La propriété de style peut apparaître dans un nombre quelconque de feuilles de style et à plusieurs reprises dans une seule feuille de style. Par conséquent, l'ordre d'application des règles est très important. C'est ce qu'on appelle l'ordre "en cascade". Selon les spécifications CSS2, l'ordre en cascade est (du plus bas au plus élevé): 

  1. Déclarations du navigateur
  2. Déclarations normales d'utilisateur
  3. Déclarations normales de l'auteur
  4. Auteur des déclarations importantes
  5. Déclarations utilisateur importantes

a) les déclarations du navigateur sont moins importantes;
b) L’utilisateur remplace l’auteur uniquement si la déclaration a été marquée comme étant importante.
c) Les déclarations du même ordre seront triées par spécificité puis par l’ordre dans lequel elles seront spécifiées.
d) Les attributs visuels HTML sont traduits en déclarations CSS correspondantes.
e) Elles sont traitées comme des règles d’auteur avec une priorité basse. 

0
Aamir Shahzad