qu'est-ce que le sélecteur CSS

Le sélecteur CSS est également appelé attribut de style CSS et sélecteur d'attribut CSS. Le "sélecteur" en CSS spécifie l'objet du "style" dans "{}", qui est le rôle du "style" Quels éléments dans. la page Web est utilisée ; les sélecteurs couramment utilisés peuvent être divisés en sélecteurs de nom de balise, sélecteurs de classe, sélecteurs d'identifiant, sélecteurs dérivés, sélecteurs d'éléments enfants et sélecteurs de groupe.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Que signifie le sélecteur en CSS ?

Pour utiliser CSS pour obtenir un contrôle un-à-un, un-à-plusieurs ou plusieurs-à-un des éléments d'une page HTML, vous devez utiliser des sélecteurs CSS. Les éléments des pages HTML sont contrôlés via des sélecteurs CSS.

Les sélecteurs couramment utilisés peuvent être divisés en : sélecteur de nom de balise, sélecteur de classe, sélecteur d'identifiant, sélecteur dérivé, sélecteur de sous-élément, sélecteur de groupe, sélecteur de pseudo-élément

Chacun Une définition de style CSS se compose de deux parties, avec la forme suivante : sélecteur {style}, et la partie avant {} est le "sélecteur".

Le "sélecteur" spécifie l'objet du "style" dans {}, c'est-à-dire sur quels éléments de la page Web le "style" agit.

Le sélecteur CSS est également appelé attribut de style CSS et sélecteur d'attribut CSS.

1. Sélecteur de nom de balise : recherchez la balise spécifiée via le nom de la balise

Format : nom de l'élément { >

2. de la balise Sélectionnez la balise spécifiée, plusieurs balises peuvent avoir la même valeur de classe

Format : .d1{ >

3. Sélecteur d'identifiant : recherchez la balise par identifiant, l'identifiant ne peut pas être répété. dans un fichier html

Format : #id{}

4. Sélecteur dérivé (sélecteur descendant) : similaire à un chemin, si une balise répondant aux exigences est trouvée, toutes les balises descendantes

sera mis en correspondance Format : ul li a{} #id li a{}

5. Sélecteur d'élément enfant : similaire aux descendants, mais seuls les éléments enfants

peuvent être obtenus. . Format : ul>li>a{ }

6. Sélecteurs de groupe : vous pouvez utiliser plusieurs sélecteurs ensemble pour définir les styles de manière uniforme

Format : h1, h2, #abc,.m{ }

7. Sélecteur de pseudo-élément : Le sélecteur de pseudo-élément sélectionne le statut de l'élément. Le statut est divisé selon les types suivants :

le lien indique le statut de l'élément lorsqu'il n'est pas cliqué.

hover représente l'état lorsque la souris survole

active représente l'état lorsque l'élément est cliqué

visited représente l'état lorsque l'élément est cliqué Format : #id : survoler{ }

[Apprentissage recommandé : "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!