Maison  >  Article  >  interface Web  >  Quels types de sélecteurs existe-t-il en CSS ?

Quels types de sélecteurs existe-t-il en CSS ?

青灯夜游
青灯夜游original
2021-05-12 16:22:1945908parcourir

Les types de sélecteurs CSS sont : 1. Sélecteur d'élément ; 2. Sélecteur d'ID ; 3. Sélecteur de classe 4. Sélecteur d'union 5. Sélecteur composé (sélecteur d'intersection) ; ; 7. Sélecteur d'élément descendant ; 8. Sélection d'élément enfant ; 9. Sélecteur de pseudo-classe ; 11. Sélecteur d'élément frère ;

Quels types de sélecteurs existe-t-il en CSS ?

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

Quels sont les types de sélecteurs CSS

1. Sélecteur d'éléments 标签名{ }

2. Sélecteur d'identifiant #id属性值{ }

3. Sélecteur de classe ·class属性值{ }

4. sélecteur d'union)

Fonction : Il peut sélectionner des éléments correspondant à plusieurs sélecteurs en même temps (généralement utilisé pour la déclaration collective)

Syntaxe :

选择器1,选择器2,选择器n{ }

5. Sélecteur composé (sélecteur d'intersection)

Fonction : Sélectionnez un élément cible plus précis et détaillé et définissez ses attributs

Syntaxe :

选择器1选择器2选择器n{ }

14958c1bc0e10dcd3171b85edeec269d

Outil de sélection de caractères génériques

Fonction : Utilisé pour sélectionner tous les éléments de la page

Syntaxe :

*{ }

7 , Sélecteur d'éléments descendants

Fonction : Sélectionnez l'élément descendant spécifié de l'élément spécifié

Syntaxe :

祖先元素 后代元素{ }

8. sélecteur d'élément

Fonction : Sélectionnez l'élément enfant de l'élément parent spécifié

Syntaxe :

父元素>子元素

9. Sélecteur de pseudo-classe

La pseudo-classe représente un état spécial de l'élément

  • :hover L'état de l'élément lorsqu'il est déplacé

  • :visited L'état de l'élément après sa visite

  • :active L'état de l'élément lorsqu'on clique dessus

10. Sélecteur d'attribut

Fonction : Sélectionnez l'élément spécifié en fonction de l'attribut ou de la valeur de l'attribut dans l'élément

Syntaxe :

[属性名]选取含有指定属性的元素
[属性名=“属性值”]选取含指定属性值的元素
[属性名^="属性值"] 选取属性值以指定内容开头的元素
[属性名$="属性值"] 选取属性值以指定内容结尾的元素
[属性名*="属性值"] 选取属性值包含指定内容的元素

11. Sélecteur d'éléments Brother

Sélecteur

+Fonction : Sélectionnez un élément L'élément frère spécifié immédiatement après

Syntaxe : précédent + suivant (agit sur le suivant)

Sélecteur

~ Fonction : sélectionne tous les frères de formulation suivants éléments

syntaxe : la précédente ~ tous les suivants

Apprentissage du partage vidéo :

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!

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