Analyse détaillée de l'héritage et de la cascade de styles CSS

Cet article présente principalement le style CSS l'héritage et les informations associées sur la cascade. Les amis qui en ont besoin peuvent se 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.

Fonctionnalités :

1. Le

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

2. Le sélecteur de balises n'a aucun rapport avec la hiérarchie de balises actuelle du code et peut être sélectionné tant qu'il se trouve sur la page actuelle.

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 : en donnant à la balise un nom de classe, sélectionnez la balise spécifiée via le sélecteur de classe.

Deux : Trois ensembles de sélecteurs complexes

1.Sélecteurs descendants

A. Vous pouvez trouver des sous-balises suivantes en fonction des balises de la sélection actuelle

B Le sélecteur descendant peut effectuer une sélection précise à plusieurs niveaux

2. sélecteur

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

3.

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

Trois : héritage css propriété

Définition : certains styles qui, lorsqu'ils sont définis pour la balise actuelle, seront également définis pour ses balises descendantes.

Remarque : les balises qui héritent du style et les balises qui définissent le style doivent C'est un relation de subordination (relation de balise descendante)
Les
attributs de base du paramètre de style de texte peuvent être hérités (ligne d'attribut de ligne de police de police de style de couleur) Tout sur le modèle de boîte (p, span, etc. .) les paramètres de propriété (bordure, positionnement, mise en page) ne peuvent pas être hérités

Quatre : cascade CSS

Définition : sélections multiples Lorsque le sélecteur est appliqué à la même balise en même temps, le style sera appliqué selon le type

priorité

La méthode de jugement du sélecteur :

-Utilisez la méthode de jugement du poids

-Calculez le poids (ICE) en fonction du nombre de sélections d'identifiant, de sélections de classe et de sélections d'étiquettes dans chaque sélection
-Comparez d'abord les poids d'identification, puis comparez les catégories, et enfin comparez les étiquettes
-L'ordre de comparaison est le même pour tous

Remarque : Si les poids sont les mêmes, les derniers é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!