Maison > Problème commun > Quels sont les sélecteurs de balises courants ?

Quels sont les sélecteurs de balises courants ?

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2023-12-20 14:47:30
original
1016 Les gens l'ont consulté

Il existe trois sélecteurs de balises courants : "sélecteur d'élément", "sélecteur de classe" et "sélecteur d'ID" : 1. Sélecteur d'élément, sélectionnez en fonction du type d'élément HTML, la syntaxe est "p {color: red ;}" ; 2. Sélecteur de classe, sélection en fonction de l'attribut de classe de l'élément, la syntaxe est ".myClass {color: blue;}" 3. Sélecteur d'ID, sélection en fonction de l'ID de l'élément, la syntaxe est "#myID" ; { taille de police : 20px;}".

Quels sont les sélecteurs de balises courants ?

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

Les sélecteurs de balises courants sont les suivants :

  1. Sélecteur d'élément : il sélectionne en fonction du type d'élément HTML, tel que p, div, span, etc. Par exemple, p {color: red;} définira la couleur du texte de tous les éléments

  2. Sélecteur de classe : il sélectionne en fonction de l'attribut de classe de l'élément. La syntaxe d'un sélecteur de classe consiste à faire précéder le nom de la classe d'un point (.). Par exemple, .myClass {color: blue;} définira la couleur du texte de tous les éléments de classe myClass sur bleu.
  3. Sélecteur ID : il sélectionne en fonction de l'ID de l'élément. La syntaxe du sélecteur d'ID consiste à faire précéder l'ID d'un signe dièse (#). Par exemple, #myID {font-size: 20px;} définira la taille de la police de l'élément avec l'ID myID à 20 pixels.

Voici un exemple :

<!DOCTYPE html>  
<html>  
<head>  
<style>  
p {  
  color: red;  
}  
  
.myClass {  
  color: blue;  
}  
  
#myID {  
  font-size: 20px;  
}  
</style>  
</head>  
<body>  
  
<p>这是一个段落。</p>  
<div class="myClass">这是一个带有类名的div元素。</div>  
<span id="myID">这是一个带有ID的span元素。</span>  
  
</body>  
</html>
Copier après la connexion

Dans cet exemple, tout le texte du paragraphe est rouge car le sélecteur d'élément est utilisé. Le texte de l'élément div portant le nom de classe « myClass » est bleu car le sélecteur de classe est utilisé. La taille de police de l'élément span avec l'ID "myID" est de 20 pixels en raison du sélecteur d'ID utilisé.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal