Quels sont les sélecteurs de balises courants ?
- 尊渡假赌尊渡假赌尊渡假赌original
- 2023-12-20 14:47:30955parcourir
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;}".
Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.
Les sélecteurs de balises courants sont les suivants :
- 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
- 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.
- 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>
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!