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:
-Elemente auf Rot.
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!