Beschreibung des CSS-Selektors_Grundlegendes Tutorial

1. Typauswahl
body
{
font-size:12px
}

{
color:blue;
Zeigen Sie auf das Web Seite Der im Tag vorhandene Tag-Typ wird wie oben gezeigt als Selektor für den Namen verwendet: Die Größe des gesamten Texts im Body-Tag beträgt 12 Pixel. Die Farbe des Texts im Absatz ist blau.
2. Gruppenselektor
h4,p,span
{
font-size:12px
}
Gibt an, dass der gesamte Text in den h4, p, span-Tags auf dem Die Seite hat eine Größe von 12 Pixeln, d. h. sie geben denselben Stil für eine Gruppe von Objekten an, getrennt durch Kommas zwischen den einzelnen Tags.
3. Enthält den Selektor
div p
{
font-weight:bold;
}
Dies bedeutet, dass der Text im p-Tag innerhalb des div-Tags fett ist ist Eine Inklusionsbeziehung, jedes Tag ist durch ein Leerzeichen getrennt und kann eine mehrstufige Inklusion sein.
IV. ID und Klassenselektoren
ID ist eine Stildefinition für das einzige Element auf der Seite. Dieser Stil wird nur einmal auf der Seite verwendet, das heißt, die ID wird nicht wiederholt

#myDiv
{
font-size:12px;
}
　 Klasse definiert einen allgemeinen oder häufig verwendeten Stil, in dem ein Stil erscheinen muss Eine Seite Sie können dieselbe Klasse mehrmals für verschiedene Tags angeben, wie unten gezeigt: Die Schriftarten in den div- und p-Tags sind alle blau


.

.red
{
color:blue;
}
5. Kombinationsselektor
Verwenden Sie ID oder Klasse und verwenden Sie auch Tags, um
h1 #cont
{
}
Repräsentiert das h1-Tag mit der ID cont
h1 .cont
{
}
Repräsentiert alle h1-Tags mit der Klasse cont
6. Pseudoklasse Der Selektor
wird häufig als Tag
a:link
{
}
a:hover
{
}
a:visited
{ }
7. Platzhalterselektoren
*
{
color:blue;
}
Gibt an, dass die Schriftart aller Objekte blau ist.