Que sont les poids CSS

Le poids CSS fait référence à la priorité du sélecteur. Les styles CSS avec une priorité plus élevée remplaceront les styles avec une priorité plus faible. Plus la priorité est élevée, plus le poids est élevé. Lorsque les poids des règles de sélection CSS sont différents, celui avec le poids le plus élevé est prioritaire. Lorsque les poids des règles de sélection CSS sont identiques, la règle définie ultérieurement est prioritaire.

Pour savoir quel est le poids du CSS, alors il faut d'abord comprendre les 6 sélecteurs de base des styles CSS : sélecteur d'ID, sélecteur de classe, sélecteurs de sélection d'attribut, pseudo-classes et sélecteurs d'objets, sélecteurs d'étiquettes et sélecteurs unifiés. Tous les sélecteurs définis dans les styles CSS sont composés de ces six sélecteurs de base, et les méthodes de combinaison sont également divisées en trois types : les sélecteurs descendants, les sous-sélecteurs et les sélecteurs adjacents.

(Partage vidéo associé : Tutoriel vidéo CSS)

Le poids du CSS fait référence à la priorité de ces styles CSS avec une priorité élevée remplacera la priorité Pour. styles bas, plus la priorité est élevée, plus le poids est élevé, et vice versa.

Règles de priorité CSS :

1 Lorsque les poids des règles de sélection CSS sont différents, celui avec le poids le plus élevé aura la priorité

2. Si les règles de sélection CSS sont les mêmes, les règles définies ultérieurement sont prioritaires

3. Lorsque !important est ajouté après l'attribut CSS, une priorité absolue inconditionnelle est donnée

Recommandations associées : Tutoriel CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!