Ordre en cascade du style CSS
Lorsque plusieurs feuilles de style sont utilisées, les feuilles de style doivent entrer en compétition pour le contrôle de sélecteurs spécifiques. Dans ces cas-là, il existe toujours des règles de feuille de style qui prennent le contrôle. Les propriétés suivantes détermineront le résultat des feuilles de style concurrentes.
Comme mentionné précédemment, les auteurs et les lecteurs de pages Web ont la possibilité de spécifier des feuilles de style. Lorsque les deux règles entrent en conflit, les règles du créateur de la page Web prévaudront sur les autres règles de même poids des lecteurs. Les feuilles de style des créateurs et des lecteurs de pages Web dépassent les feuilles de style intégrées au navigateur.
Les auteurs de pages Web doivent utiliser les règles ! importantes avec prudence, car elles remplaceront toutes les règles ! Par exemple, un utilisateur peut avoir besoin de grandes polices ou de couleurs spécifiques en raison de contraintes visuelles, et un tel utilisateur peut déclarer certaines règles de style comme importantes, car ces styles sont extrêmement importants pour que les utilisateurs lisent les pages Web. Toutes les règles importantes ! prévaudront sur les règles générales, il est donc recommandé aux auteurs de pages Web d'utiliser des règles générales pour garantir que les utilisateurs ayant des besoins particuliers en matière de style peuvent lire la page Web.
Règles de sélection : les attributs calculés sont basés sur leur niveau d'attribut. Les feuilles de style peuvent également remplacer les feuilles de style en conflit. Un style d'attribut supérieur remplacera toujours un style d'attribut inférieur. Il s'agit simplement d'un jeu de statistiques qui compte le nombre spécifié de sélecteurs.
Comptez le nombre d'attributs d'ID dans le sélecteur.
Comptez le nombre d'attributs CLASS dans le sélecteur.
Format de nom de balise HTML dans le sélecteur de statistiques.
Enfin, écrivez les trois nombres dans le bon ordre sans espaces ni virgules pour obtenir un nombre à trois chiffres. (Notez que vous devez convertir le nombre en un nombre plus grand se terminant par trois chiffres.) La liste finale des nombres correspondant au sélecteur permet de déterminer facilement que les propriétés du nombre supérieur remplacent celles du nombre inférieur. Voici une liste de sélecteurs classés par caractéristiques : #id1 {xxx} /* a=1 b=0 c=0 ——> caractéristiques = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Caractéristiques = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Caractéristiques = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Feature = 001 */L'ordre des fonctionnalités est pour des raisons de commodité. Lorsque deux règles ont le même poids, la dernière est prise.
Lorsque plusieurs feuilles de style sont utilisées, les feuilles de style doivent entrer en compétition pour le contrôle de sélecteurs spécifiques. Dans ces cas-là, il existe toujours des règles de feuille de style qui prennent le contrôle. Les propriétés suivantes détermineront le résultat des feuilles de style concurrentes.
Comme mentionné précédemment, les auteurs et les lecteurs de pages Web ont la possibilité de spécifier des feuilles de style. Lorsque les deux règles entrent en conflit, les règles du créateur de la page Web prévaudront sur les autres règles de même poids des lecteurs. Les feuilles de style des créateurs et des lecteurs de pages Web dépassent les feuilles de style intégrées au navigateur.
Les auteurs de pages Web doivent utiliser les règles ! importantes avec prudence, car elles remplaceront toutes les règles ! Par exemple, un utilisateur peut avoir besoin de grandes polices ou de couleurs spécifiques en raison de contraintes visuelles, et un tel utilisateur peut déclarer certaines règles de style comme importantes, car ces styles sont extrêmement importants pour que les utilisateurs lisent les pages Web. Toutes les règles importantes ! prévaudront sur les règles générales, il est donc recommandé aux auteurs de pages Web d'utiliser des règles générales pour garantir que les utilisateurs ayant des besoins particuliers en matière de style peuvent lire la page Web.
Règles de sélection : les attributs calculés sont basés sur leur niveau d'attribut. Les feuilles de style peuvent également remplacer les feuilles de style en conflit. Un style d'attribut supérieur remplacera toujours un style d'attribut inférieur. Il s'agit simplement d'un jeu de statistiques qui compte le nombre spécifié de sélecteurs.
Comptez le nombre d'attributs d'ID dans le sélecteur.
Comptez le nombre d'attributs CLASS dans le sélecteur.
Format de nom de balise HTML dans le sélecteur de statistiques.
Enfin, écrivez les trois nombres dans le bon ordre sans espaces ni virgules pour obtenir un nombre à trois chiffres. (Notez que vous devez convertir le nombre en un nombre plus grand se terminant par trois chiffres.) La liste finale des nombres correspondant au sélecteur permet de déterminer facilement que les propriétés du nombre supérieur remplacent celles du nombre inférieur. Voici une liste de sélecteurs classés par caractéristiques : #id1 {xxx} /* a=1 b=0 c=0 ——> caractéristiques = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Caractéristiques = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Caractéristiques = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Feature = 001 */L'ordre des fonctionnalités est pour des raisons de commodité. Lorsque deux règles ont le même poids, la dernière est prise.