Die erste Zusammenfassung gängiger CSS-Attribute: ID- und Klassenselektoren

Apropos Selektoren: Es wird geschätzt, dass die am häufigsten verwendeten Selektoren der ID-Selektor und der Klassenselektor sind. Ich werde hier heute nicht darauf eingehen.

Klassenselektor: Geben Sie dem HTML-Element einen lauten Namen und markieren Sie es mit Klasse. Anschließend können Sie den Klassenselektor verwenden, z. B.

Absatz 1

. Hier setze ich die p-Elementklasse
auf „p1“ und schreibe dann den CSS-Stil, um ihn direkt zu verwenden,

Zum Beispiel:

< ;p class="p1">
Dieser Absatz wird ebenfalls zentriert ausgerichtet.

Führen Sie den vorherigen Code aus, um das p-Element mit dem Klassennamen p1 zu ändern Die Textfarbe von ist auf Rot eingestellt. Bitte erklären Sie, dass es keine Auswirkung hat, wenn der Klassenname des Nicht-P-Elements p1 ist 🎜> mit dem Klassennamen p1 Um den gewünschten Effekt zu erzielen, müssen Sie den vorherigen Strukturelementnamen entfernen. Heutige Projekte sind allesamt agile Entwicklungen, daher muss man bei der Verwendung von Klassennamen vorsichtig sein. Am Anfang beschwerten sich die Leute oft über Klassennamenkonflikte, die zu Konflikten zwischen den Stilen führten. Deshalb haben wir uns für das Projekt entschieden. Klassennamen werden entsprechend den Seitenfunktionen benannt, um Klassennamenkonflikte zu vermeiden.
Eine weitere zu erwähnende Sache ist der Mehrklassenname: wie oben

Dieser Absatz wird auch zentriert ausgerichtet.

Eine Klasse Der Wert kann eine Liste enthalten, wobei jedes Wort durch ein Leerzeichen getrennt ist. Dann schreiben Sie die Stile einzeln und es wird in Ordnung sein. Jemand hier fragt sich vielleicht: Was passiert, wenn

derselbe CSS-Stil zwischen mehreren Klassen vorhanden ist? Hier lesen Sie die folgenden Fragen zur CSS-Kaskadierung! Das war’s für den heutigen Artikel, als ich ihn zum ersten Mal geschrieben habe, habe ich wahrscheinlich einfach alles geschrieben, was mir in den Sinn kam. Ich freue mich darauf, ihn in Zukunft schrittweise zu verbessern.

Weitere allgemeine CSS-Attribute, die erste Zusammenfassung: Artikel zu ID und Klassenauswahl finden Sie auf der chinesischen PHP-Website!