Drei gängige Stilselektoren in HTML-CSS

1: Tag-Selektor

Der Tag-Selektor wird für alle Tags verwendet. Hier nehmen wir p als Beispiel, das heißt, alle Tags mit p haben diesen Stil.

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<styletype="text/css">
p{Schriftart:"宋体"; Farbe:#FF0000}
</Stil>
</Kopf>
<Text>
<pid="p1">Ich zeige jetzt den Tag-Selektor</p>
<pid="p2">Ich verwende auch den Tag-Selektor</p>
<h1>Ich werde durch keinen Selektor verändert</h1>
</body>
</html>

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. . . Sie wissen, dass der ID-Selektor mit # beginnt und wie folgt verwendet wird: id=""

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<styletype="text/css">
#yy{Schriftart:"Yoga"; Farbe:#FF0000}
</Stil>
</Kopf>
<Text>
<pid="yy">Ich zeige jetzt den ID-Selektor</p>
<pid="p">Ich werde durch den ID-Selektor nicht verändert</p>
<h1>Ich werde durch keinen Selektor verändert</h1>
</body>
</html>

3: Klassenselektor . Klassenselektoren beginnen mit . Setzen Sie einfach die Klasse des Elements auf „“, um diesen Stil anzuzeigen. Die Verwendung ist: class=„“

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<styletype="text/css">
.yy{Schriftart:"Standard"; Farbe:#FF0000}
</Stil>
</Kopf>
<Text>
<pclass="yy">Ich zeige jetzt den Klassenselektor</p>
<pclass="yy">Ich werde nicht durch den Klassenselektor verändert</p>
<h1>Ich werde durch keinen Selektor verändert</h1>
</body>
</html>

<<: Centos8.3, Docker-Bereitstellung, Springboot-Projekt, tatsächliche Fallanalyse

>>: CSS löst das Problem der Front-End-Bildverformung perfekt

Detailliertes Tutorial zur Installation von JDK1.8 unter Linux

Drei gängige Stilselektoren in HTML-CSS

Detailliertes Tutorial zur Installation von JDK1.8 unter Linux

Verwendung des Linux-Befehls xargs

Beispiel für Auslassungspunkte bei Überlauf von mehrzeiligem CSS-Text

CSS legt den Listenstil fest und erstellt den Implementierungscode für das Navigationsmenü

Virtueller vsftpd-Benutzer basierend auf MySql-Authentifizierung

Beispielcode zur Implementierung des wellenförmigen Wasserballeffekts mit CSS

Detaillierte Erklärung der Docker-Nutzung unter CentOS8

Untersuchung der MySQL-Paging-Leistung

Best Practices-Handbuch zum Speichern von Daten in MySQL

Alibaba Cloud Centos7 Installation und Konfiguration von SVN

Artikel empfehlen

Der beste Weg, ein JAR-Paketprojekt unter einem Centos7-Server zu starten

So installieren Sie Jenkins mit Docker

Website-Design-Erfahrung Zusammenfassung der häufigsten Fehler beim Erstellen von Websites

Implementierungsbeispiel zum Hochladen mehrerer Anhänge in Vue

Beispielcode zum Konfigurieren von Überwachungselementen und aggregierten Grafiken in Zabbix

Detaillierte Erläuterung zum Erstellen und Aufrufen von gespeicherten MySQL-Prozeduren

JavaScript-Entwurfsmuster, Befehlsmuster

VMware + Ubuntu18.04 Grafisches Tutorial zum Erstellen einer Hadoop-Clusterumgebung

Natives js zum Erreichen eines einfachen Karusselleffekts

Implementierung von Platzhaltern und Escape-Zeichen in der Linux-Befehlszeile

Einführung in die Verwendung benutzerdefinierter Datenattribute in HTML- und Plug-In-Anwendungen

Gemeinsame MySQL-Sicherungsbefehle und Shell-Sicherungsskripte

Lösen Sie das Problem, dass WLAN und Audio nach der Windows Server-Installation nicht funktionieren

Üben Sie die Verwendung von Golang, um mit der Docker-API zu spielen

So ändern Sie das Root-Passwort von MySQL in Docker