Quels sont les sélecteurs en CSS ?

Les sélecteurs CSS incluent : 1. Sélecteur de caractère générique "*" ; 2. Sélecteur d'ID ; 3. Sélecteur de classe 4. Sélecteur de balise ; F" ; 7. Sélecteur descendant « EF » ; 8. Sélecteurs de pseudo-classe et de pseudo-éléments, tels que ":first" ; 9. Sélecteur d'attribut.

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

le sélecteur CSS (sélecteur) est une spécification utilisée pour spécifier pour quel(s) élément(s) dom le style CSS est utilisé.

Chaque définition de style CSS se compose de deux parties, sous la forme suivante : 选择器{样式} La partie avant {} est le "sélecteur".

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

Que sont les sélecteurs CSS (sélecteurs) ?

1. Sélecteur Wildcard (*) : correspond à n'importe quel élément.

2. Sélecteur d'ID (# myid) : correspond à tout élément dont l'ID est égal à "myid".

3. Sélecteur de classe (.myclassname) : correspond à tout élément dont la classe est égale à "myclassname".

4. Sélecteur de balise (div, h1, p) : sélectionnez le nom de l'élément spécifié. Tous les éléments.

5. Sélecteur adjacent (E + F) : utilisé pour sélectionner (pas en interne) l'élément suivant immédiatement le premier élément spécifié.

6. Sélecteur d'enfant (E > F) : utilisé pour sélectionner des éléments avec des éléments parents spécifiques, par exemple ul > li, sélectionnez tous les éléments

(Partage vidéo d'apprentissage : tutoriel vidéo CSS)

7. Sélecteur descendant (E F) : utilisé pour sélectionner des éléments à l'intérieur de l'élément.

8. Sélecteurs de pseudo-classes et pseudo-éléments : utilisés pour ajouter des effets spéciaux à certains sélecteurs.

:actif	:any-link	:blank	:vérifié	:actuel	:par défaut
:défini	:dir()	:désactivé	:drop	:vide	:activé
:premier	:premier-enfant	:premier-de-type	:plein écran	:futur	:focus
:focus-visible	:focus-within	:has()	:host	:host()	:host-context()
:hover	:indéterminé	:in-range:invalid	:is()	:lang()	:last -enfant
:dernier-de-type	:gauche	:lien	:local-lien	:not()	:nth-child()
:nth-col()	:nth-last-child()	:nth-last-col()	:nth-last-of-type()	:nth-of-type()	:enfant unique
:uniquement de type	:facultatif	:hors plage	:passé	:placeholder-shown	:lecture seule
:lecture-écriture	:obligatoire	:droit	:root	:scope	:target
:target-within	:user-invalid	:valid	:visited	:where()

9. Sélecteur d'attribut : sélectionnez avec des éléments avec des attributs spécifiques.


• [attribut] : utilisé pour sélectionner des éléments avec des attributs spécifiés.

• [attribute=value] : utilisé pour sélectionner des éléments avec des attributs et des valeurs spécifiés.

• [attribut~=value] : utilisé pour sélectionner les éléments dont la valeur d'attribut contient le vocabulaire spécifié.

• [attribut|=valeur] : Utilisé pour sélectionner des éléments avec des valeurs d'attribut commençant par la valeur spécifiée, qui doit être le mot entier.

• [attribute^=value] : correspond à chaque élément dont la valeur d'attribut commence par la valeur spécifiée.

• [attribute$=value] : correspond à chaque élément dont la valeur d'attribut se termine par la valeur spécifiée.

• [attribut*=value] : correspond à chaque élément dont la valeur d'attribut contient la valeur spécifiée.

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !


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!