Quels sont les sélecteurs de base courants ?

Les sélecteurs de base courants incluent le « sélecteur d'élément », le « sélecteur de classe », le « sélecteur d'ID », le « sélecteur d'attribut » et le « sélecteur de pseudo-classe » : 1. Sélecteur d'élément, sélection par nom d'élément Élément ; éléments par nom de classe ; 3. Sélecteur d'ID, sélectionne les éléments par l'ID d'identification unique de l'élément ; 4. Sélecteur d'attribut, sélectionne les éléments par la valeur d'attribut de l'élément 5. Le sélecteur de pseudo-classe sélectionne les éléments en fonction de leur statut ou de leur position.

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

Les sélecteurs de base courants sont les suivants :

1. Sélecteur d'élément : sélectionnez les éléments par nom d'élément.

p {
  color: blue;
}

Dans l'exemple ci-dessus, tous les éléments

seront sélectionnés et la couleur du texte sera définie sur bleu.

2. Sélecteur de classe : sélectionnez les éléments par nom de classe.

.myClass {
  font-weight: bold;
}

Dans l'exemple ci-dessus, tous les éléments avec class="myClass" seront sélectionnés et la police sera en gras.

3. Sélecteur d'ID : sélectionnez les éléments par leur identifiant unique.

#myElement {
  background-color: yellow;
}

Dans l'exemple ci-dessus, l'élément avec id="myElement" sera sélectionné et la couleur d'arrière-plan sera définie sur jaune.

4. Sélecteur d'attribut : sélectionnez les éléments en fonction de leurs valeurs d'attribut.

input[type="text"] {
  border: 1px solid gray;
}

Dans l'exemple ci-dessus, tous les éléments dont la valeur de l'attribut type est "text" seront sélectionnés et le style de bordure sera défini.

5. Sélecteur de pseudo-classe : sélectionnez les éléments en fonction de leur statut ou de leur position.

a:hover {
  color: red;
}

Dans l'exemple ci-dessus, lorsque la souris survole l'élément , la couleur du texte passe au rouge.

Ce sont des sélecteurs de base grâce auxquels différents éléments peuvent être sélectionnés et des styles leur sont appliqués. Ces sélecteurs peuvent être utilisés individuellement ou en combinaison pour sélectionner plus précisément les éléments cibles.

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!