Drei gängige Stilselektoren für CSS bei der Erstellung von HTML_HTML/Xhtml_Webseiten

1: Tag-Auswahl

Der Tag-Selektor ist für alle Tags mit einem bestimmten Tag wirksam. Hier nehmen wir p als Beispiel, das heißt, alles, was mit p markiert ist, hat diesen Stil

Code kopieren

Der Code lautet wie folgt:

p{font:"宋体"; color:#FF0000}


Was ich jetzt zeige, ist der Tag-Selektor

Ich verwende auch den Tag-Selektor

Ich werde von keinem Selektor verändert

2: ID-Selektor , beachten Sie, dass der ID-Selektor eindeutig ist, da nur id="yy" diesen Stil hat und die ID eines Elements auf einer Seite eindeutig sein muss, also . . . Wussten Sie, dass der ID-Selektor, der mit # beginnt, lautet: id=""

Code kopieren

Der Code lautet wie folgt:

#yy{font:"宋体"; color:#FF0000}



Was ich jetzt zeige, ist der ID-Selektor

Ich bin nicht verändert durch den ID-Selektor

Ich werde durch keinen Selektor verändert

3: Klassenauswahl , die Klassenauswahl beginnt mit . Geben Sie einfach die Klasse="" des Elements ein, um diesen Stil anzuzeigen. Die Verwendung ist: class=""

Code kopieren

Der Code lautet wie folgt:

< head>

.yy{font:"宋体"; color:#FF0000}



Was ich zeige, ist der Klassenselektor

Ich werde nicht geändert von der Klassenselektor

Ich werde von keinem Selektor verändert