xml verfügt über drei grundlegendste Selektoren: „Elementselektor“, „Klassenselektor“ und „ID-Selektor“: 1. Elementselektor, der grundlegendste Selektor, gleicht Elemente nach Elementnamen ab; 2. Klasse Der Selektor gleicht Elemente nach Klassennamen ab , und das Format besteht darin, einen Punkt „.“ vor dem Klassennamen hinzuzufügen; 3. ID-Selektor, ordnet Elemente nach ID zu, und das Format besteht darin, ein Nummernzeichen „#“ vor der ID hinzuzufügen.
Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.
Es gibt die folgenden Selektoren in XML:
- Elementselektor: Dies ist der einfachste Selektor, der Elemente nach Elementnamen abgleicht. Beispielsweise ist ein Elementselektor, der das Element mit dem Namen „productame“ auswählt.
- Klassenauswahl: Ordnen Sie Elemente anhand des Klassennamens zu. Das Format eines Klassenselektors besteht darin, dem Klassennamen einen Punkt (.) voranzustellen. Beispielsweise ist .className ein Klassenselektor, der Elemente mit dem Klassennamen „className“ auswählt.
- ID-Selektor: Ordnen Sie Elemente nach ID zu. Das Format des ID-Selektors besteht darin, vor der ID ein Nummernzeichen (#) einzufügen. #IDName ist beispielsweise ein ID-Selektor, der Elemente mit der ID „IDName“ auswählt.
Zusätzlich zu den oben genannten drei Grundselektoren gibt es weitere komplexere Selektoren:
- Absteigende Selektoren: können untergeordnete Elemente eines bestimmten Elements auswählen. Beispielsweise wählt div p alle p-Elemente innerhalb eines div-Elements aus.
- Wähler für untergeordnete Elemente: Direkte untergeordnete Elemente eines bestimmten Elements können ausgewählt werden. Beispielsweise wählt div > p alle p-Elemente aus, die direkte untergeordnete Elemente von div-Elementen sind.
- Angrenzender Geschwister-Selektor: Sie können das nächste oder vorherige Geschwisterelement eines bestimmten Elements auswählen. Mit h1 + p werden beispielsweise alle p-Elemente ausgewählt, die unmittelbar auf das h1-Element folgen.
- Attributauswahl: Elemente mit bestimmten Attributen können ausgewählt werden. Beispielsweise wählt input[type="text"] alle Eingabeelemente vom Typ „text“ aus.
Hier ist ein Beispiel, das zeigt, wie diese Selektoren verwendet werden:
<root>
<productame class="red">This is a product</productame>
<price class="blue">100</price>
<productame class="green">Another product</productame>
</root>
Nach dem Login kopieren
In diesem Beispiel können diese Elemente mithilfe der folgenden CSS-Regeln gestaltet werden:
/* 使用元素选择器 */
productame {
font-size: 20pt;
}
/* 使用类选择器 */
.red {
color: red;
}
.blue {
color: blue;
}
/* 使用ID选择器 */
#price {
color: green;
}
Nach dem Login kopieren
In diesem CSS wird der Produktauswahlselektor alle -Element auf grün.
Das obige ist der detaillierte Inhalt vonWelche Selektoren hat XML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!