Maison  >  Article  >  interface Web  >  Que signifie le sélecteur CSS ?

Que signifie le sélecteur CSS ?

藏色散人
藏色散人original
2020-12-14 09:21:232158parcourir

Les sélecteurs CSS peuvent nous aider à sélectionner les balises qui doivent être stylisées. Les sélecteurs CSS incluent : 1. le sélecteur d'identifiant ; 2. le sélecteur de classe ; 3. le sélecteur de balises ; Sélecteur descendant ; 7. Sélecteur de caractères génériques, etc.

Que signifie le sélecteur CSS ?

L'environnement d'exploitation de ce tutoriel : système windows7, version css3, ordinateur thinkpad t480.

le sélecteur CSS (sélecteur) peut nous aider à sélectionner les balises qui doivent être stylisées. Chaque définition de style CSS se compose de deux parties, sous la forme suivante : selector {style} 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.

Quels sont les sélecteurs (sélecteurs) de CSS ?

sélecteur d'identifiant (par exemple # myid) : correspond à tout élément avec un identifiant égal à "myid".

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

Sélecteur de balise (par exemple. div, h1, p) : sélectionne tous les éléments avec le spécifié. nom de l'élément.

Sélecteur adjacent (par exemple h1 + p) : utilisé pour sélectionner (pas en interne) l'élément qui suit immédiatement le premier élément spécifié.

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

    dont le parent est chaque élément
  • (Recommandé : "tutoriel vidéo CSS")

    Sélecteur descendant (exemple : li a) : utilisé pour sélectionner des éléments à l'intérieur de l'élément.

    Sélecteur de caractère générique ( * ) : correspond à n'importe quel élément.

    Sélecteur d'attributs (a[rel = "external"], etc.) : sélectionnez des éléments avec des attributs spécifiques.

    Sélecteurs de pseudo-classes (a: hover, li:nth-child, etc.)

    Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn