Was sind die gängigen Tag-Selektoren?
- 尊渡假赌尊渡假赌尊渡假赌Original
- 2023-12-20 14:47:301001Durchsuche
Es gibt drei gängige Tag-Selektoren: „Element-Selektor“, „Klassen-Selektor“ und „ID-Selektor“: 1. Element-Selektor, wählen Sie entsprechend dem Typ des HTML-Elements aus, die Syntax lautet „p {Farbe: rot ;}“ ; 2. Klassenselektor, Auswahl basierend auf dem Klassenattribut des Elements, die Syntax ist „.myClass {color: blue;}“ 3. ID-Selektor, Auswahl basierend auf der ID des Elements, die Syntax ist „#myID“. { Schriftgröße: 20px;}".
Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.
Zu den gängigen Tag-Selektoren gehören die folgenden:
- Element-Selektor: Er wählt basierend auf dem Typ des HTML-Elements aus, z. B. p, div, span usw. Beispielsweise setzt p {color: red;} die Textfarbe aller
-Elemente auf Rot.
- Klassenselektor: Die Auswahl basiert auf dem Klassenattribut des Elements. Die Syntax für einen Klassenselektor besteht darin, dem Klassennamen einen Punkt (.) voranzustellen. Beispielsweise setzt .myClass {color: blue;} die Textfarbe aller Elemente mit der Klasse myClass auf Blau.
- ID-Selektor: Die Auswahl basiert auf der ID des Elements. Die Syntax des ID-Selektors besteht darin, der ID ein Nummernzeichen (#) voranzustellen. Beispielsweise legt #myID {font-size: 20px;} die Schriftgröße des Elements mit der ID myID auf 20 Pixel fest.
Hier ist ein Beispiel:
<!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>
In diesem Beispiel ist der gesamte Absatztext rot, da die Elementauswahl verwendet wird. Der Text des div-Elements mit dem Klassennamen „myClass“ ist blau, da der Klassenselektor verwendet wird. Die Schriftgröße des Span-Elements mit der ID „myID“ beträgt aufgrund des verwendeten ID-Selektors 20 Pixel.
Das obige ist der detaillierte Inhalt vonWas sind die gängigen Tag-Selektoren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!