xml a trois sélecteurs les plus basiques : « sélecteur d'élément », « sélecteur de classe » et « sélecteur d'ID » : 1. Le sélecteur d'élément, le sélecteur le plus basique, correspond aux éléments par nom d'élément 2. Classe Le sélecteur correspond aux éléments par nom de classe ; , et le format consiste à ajouter un point "." avant le nom de la classe ; 3. Le sélecteur d'ID, correspond aux éléments par ID, et le format consiste à ajouter un signe dièse "#" avant l'ID.
Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.
Il existe les sélecteurs suivants en XML :
- Sélecteur d'élément : il s'agit du sélecteur le plus basique, faisant correspondre les éléments par nom d'élément. Par exemple, est un sélecteur d'élément qui sélectionne l'élément nommé "productame".
- Sélecteur de classe : faites correspondre les éléments par nom de classe. Le format d'un sélecteur de classe consiste à faire précéder le nom de la classe d'un point (.). Par exemple, .className est un sélecteur de classe qui sélectionne les éléments portant le nom de classe « className ».
- Sélecteur d'ID : faites correspondre les éléments par ID. Le format du sélecteur d'ID consiste à ajouter un signe dièse (#) avant l'ID. Par exemple, #IDName est un sélecteur d'ID qui sélectionne les éléments portant l'ID « IDName ».
En plus des trois sélecteurs de base ci-dessus, il existe d'autres sélecteurs plus complexes :
- Sélecteurs descendants : peuvent sélectionner les éléments enfants d'un élément spécifique. Par exemple, div p sélectionnera tous les éléments p à l'intérieur d'un élément div.
- Sélecteur d'élément enfant : des éléments enfants directs d'un élément spécifique peuvent être sélectionnés. Par exemple, div > p sélectionnera tous les éléments p qui sont des enfants directs des éléments div.
- Sélecteur de frère adjacent : vous pouvez sélectionner l'élément frère suivant ou précédent d'un élément spécifique. Par exemple, h1 + p sélectionnera tous les p éléments immédiatement après l’élément h1.
- Sélecteur d'attributs : des éléments avec des attributs spécifiques peuvent être sélectionnés. Par exemple, input[type="text"] sélectionnera tous les éléments d'entrée de type "text".
Voici un exemple montrant comment utiliser ces sélecteurs :
<root>
<productame class="red">This is a product</productame>
<price class="blue">100</price>
<productame class="green">Another product</productame>
</root>
Copier après la connexion
Dans cet exemple, ces éléments peuvent être stylisés en utilisant les règles CSS suivantes :
/* 使用元素选择器 */
productame {
font-size: 20pt;
}
/* 使用类选择器 */
.red {
color: red;
}
.blue {
color: blue;
}
/* 使用ID选择器 */
#price {
color: green;
}
Copier après la connexion
Dans ce CSS, le sélecteur productame sera tous les éléments
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!