Les sélecteurs

html5 incluent le sélecteur d'élément, le sélecteur de classe, le sélecteur d'ID, le sélecteur d'attribut, le sélecteur de pseudo-classe, le sélecteur de pseudo-élément, le sélecteur de descendant, le sélecteur d'élément enfant, le sélecteur de frère adjacent et les sélecteurs de frère universel, etc. Introduction détaillée : 1. Le sélecteur d'élément, utilisant le nom de l'élément comme sélecteur, signifie sélectionner tous les éléments portant le nom de l'élément ; 2. Le sélecteur de classe, utilisant le sélecteur commençant par un point, signifie sélectionner les éléments portant le nom de classe spécifié ; Sélecteur d'ID, utilisez le sélecteur commençant par le signe dièse pour sélectionner l'élément avec l'ID spécifié, etc.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

HTML5 n'introduit pas de nouveaux types de sélecteurs, il utilise toujours des sélecteurs CSS pour sélectionner et manipuler les éléments HTML. Différents sélecteurs définis en CSS2 et CSS3 peuvent toujours être utilisés en HTML5. Les types de sélecteurs suivants sont courants en HTML5 :

1. Sélecteur d'élément : utiliser le nom de l'élément comme sélecteur signifie sélectionner tous les éléments portant ce nom d'élément. Par exemple, « p » signifie sélectionner tous les éléments «

».

2. Sélecteur de classe : utilisez un sélecteur commençant par un point (.) pour sélectionner les éléments avec un nom de classe spécifié. Par exemple, « .red » signifie sélectionner tous les éléments portant le nom de classe « rouge ».

3. Sélecteur d'ID : utilisez le sélecteur commençant par le signe dièse (#) pour sélectionner l'élément avec l'ID spécifié. Par exemple, `#header` signifie sélectionner l'élément avec l'ID "header".

4. Sélecteur d'attributs : utilisez des crochets ([]) pour sélectionner les éléments avec les attributs spécifiés. Par exemple, `[href]` signifie sélectionner tous les éléments avec l'attribut href.

5. Sélecteur de pseudo-classe : utilisez un sélecteur commençant par deux points (:) pour sélectionner les éléments qui répondent à un certain statut ou condition. Par exemple, `:hover` indique l'état de sélection lorsque la souris survole l'élément.

6. Sélecteur de pseudo-éléments : utilisez un sélecteur commençant par un double deux-points (::) pour sélectionner une partie spécifique de l'élément. Par exemple, `::before` représente le contenu inséré avant l'élément sélectionné.

7. Sélecteur descendant : utilisez un sélecteur séparé par des espaces pour sélectionner les éléments descendants d'un élément. Par exemple, `div p` signifie sélectionner tous les éléments `

` qui sont des descendants des éléments `