Qu'est-ce que le principe de proximité du style CSS ?

En CSS, le principe de proximité des styles signifie que lorsque plusieurs règles de style différentes sont appliquées au même élément, si les poids de style sont les mêmes, le style proche de l'élément a la plus grande priorité ; comme multiple Lorsque deux styles ont le même poids, le style classé en dernier a la priorité la plus élevée.

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Qu'est-ce que le principe de proximité du style CSS ?

Priorité CSS

Dans les feuilles de style CSS complexes, ce n'est souvent pas aussi simple que d'empiler différentes valeurs​​du même style. Il apparaît souvent qu'il y en a deux ou plus. différentes règles de style sont appliquées au même élément, quel style doit être utilisé à ce moment-là ? Il s'agit d'un problème de priorité CSS typique.

Pour traiter la question prioritaire, considérez le poids du style. Voici quelques situations particulières à vous présenter :

==Le poids des styles hérités est de 0. ==En d'autres termes, dans une structure imbriquée, quel que soit le poids du style de l'élément parent, lorsque l'élément enfant hérite, le poids appliqué à l'élément enfant est 0, c'est-à-dire le style défini par l'élément enfant remplacera tous les styles hérités.

==Les styles en ligne sont prioritaires. ==Le poids du style en ligne de l'élément auquel l'attribut style est appliqué est très élevé, ce qui peut être compris comme bien supérieur à 100. En bref, il a une priorité plus élevée que les sélecteurs mentionnés ci-dessus.

Lorsque les poids sont les mêmes, CSS suit le principe de proximité. Autrement dit, le style le plus proche de l'élément a la priorité la plus élevée, ou le style classé en dernier a la priorité la plus élevée.

CSS définit une commande !important, qui reçoit la plus haute priorité. C'est-à-dire que quels que soient le poids et la distance de la position de style, !important a la priorité la plus élevée.

cssweight

Concernant le poids CSS, nous avons besoin d'un ensemble de formules de calcul pour le calculer. Il s'agit de la spécificité CSS, que nous appelons caractéristiques CSS ou non-spécificité. valeurs. Entrez comme suit :

La spécificité est représentée par une chaîne numérique à quatre chiffres (CSS2 est composé de trois chiffres), qui ressemble plus à quatre niveaux. Les valeurs sont de gauche à droite, celle de gauche est la plus grande. , un niveau est supérieur à un niveau, et il n'y a pas de base entre les chiffres, les niveaux ne peuvent pas être dépassés.

(Partage de vidéos d'apprentissage : Tutoriel vidéo 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!