Analyse de l'héritage de style CSS et de la cascade

Cet article présente principalement des informations pertinentes sur l'héritage de style CSS et la cascade. Les amis qui en ont besoin peuvent s'y référer

1 : Sélecteur de base

<.> Sélection de balise : sélectionnez en fonction du nom de la balise sur la page et appliquez directement le style à la balise spécifiée.

Caractéristiques :

1. Le sélecteur de balises sélectionnera toutes les balises spécifiées dans la page actuelle

2. Il n'y a aucune association avec la hiérarchie de balises actuelle. Tant qu'elle se trouve sur la page actuelle, elle peut être sélectionnée.

Sélection de l'identifiant : vous devez d'abord spécifier une balise pour définir la valeur de l'identifiant (la valeur de l'identifiant ne peut pas être répétée et est unique dans toute la page).

Sélection de classe : donnez à l'étiquette un nom de classe et sélectionnez l'étiquette spécifiée via le sélecteur de classe.

2 : Trois ensembles de sélecteurs complexes

1. peut trouver les sous-balises suivantes B en fonction des balises de la sélection actuelle. Le sélecteur descendant peut effectuer une sélection précise à plusieurs niveaux

2. Sélecteur d'intersection

Format : Sélection du premier calque Sélection du deuxième calque {}Remarque : Les points représentent des intersections, commençant généralement par une étiquette

Sélecteur d'union

.

Format : premier sélecteur, deuxième sélecteur,...{}

Trois : héritage css

Définition : Il existe certains styles . Lors de la définition de la balise actuelle, il définira également ses balises descendantes Remarque : les balises héritées du style et les balises qui définissent le style doivent être subordonnées (relation de balise descendante) Oui Uniquement les attributs de base du texte. les paramètres de style peuvent être hérités (ligne d'attribut de ligne de police de police de style de couleur)

Tous les paramètres d'attribut (bordure, positionnement, mise en page) pour le modèle de boîte (p, span, etc.) ne peuvent pas être hérités

Quatre : CSS en cascade

Définition : Lorsque plusieurs sélecteurs agissent sur la même balise en même temps, ils seront stylisés en fonction du niveau de priorité Fonction

Méthode de jugement du sélecteur :

-par méthode de jugement du poids-par le nombre de sélection d'identifiant, de sélection de classe et de sélection d'étiquette dans chaque sélection Pour calculer le poids (ICE ) -Comparez d'abord le poids de l'identifiant, puis comparez la classe et enfin comparez l'étiquette

-L'ordre de comparaison est le même pour tous

Remarque : si les poids sont les mêmes, le plus tard ceux-ci écraseront les précédents. Le principe du poids numérique est de garantir que chaque sélecteur doit sélectionner l'élément spécifié.

Si la portée n'affecte pas directement la balise elle-même, elle reflète le principe de proximité

important a la priorité la plus élevée et * a la priorité la plus basse

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!