Explication détaillée de la méthode de calcul de la priorité CSS

Les principaux sélecteurs CSS incluent l'identifiant, la classe, la balise, [],:,::, etc., et dont la priorité doit généralement être jugée est l'identifiant, la classe, la balise. De plus, les styles en ligne et !important. sont également La priorité des CSS est liée.

Si les priorités de ces cinq situations différentes sont exprimées sous forme numérique, les relations correspondantes sont les suivantes :

!important(10000) > ; style(1000) > id(100) > class(10) > tag(1)

La comparaison de priorité CSS habituelle peut être convertie en une comparaison de taille numérique, telle que : #list li et .list .content ul li, leurs priorités sont :

100 1=101 > 10 10 1 1=22

Le premier a une priorité plus élevée que le second qui .

La méthode de calcul de la priorité CSS ci-dessus (recommandée) correspond à tout le contenu partagé par l'éditeur. J'espère qu'elle pourra vous donner une référence, et j'espère que vous soutiendrez le site Web PHP chinois.

Pour des articles plus détaillés sur les méthodes de calcul des priorités CSS, veuillez faire attention au site PHP chinois !