Was sind CSS-Selektoren? ? ? 1. Platzhalterzeichen (*) Er kann auch als globaler Selektor oder universeller Selektor bezeichnet werden. Wie der Name schon sagt, definiert er die Stile aller Elemente. Wird häufig für einige Standardstile verwendet, z. B. um die Polsterung aller Elemente auf 2 px *{padding: 2px; } einzustellen, um die Seite schöner zu machen! 2. Tag-Selektor Wird auch als Elementselektor bezeichnet, z. B. div, p, img usw. 3. Klassenauswahl Ein Klassenname darf nicht mit einer Zahl beginnen und muss mit einem beginnen. Der Klassenname einer Seite kann wiederholt werden. Beispielsweise das Format des Klassennamens { }. 4. ID-Selektor Es beginnt mit #. Derselbe ID-Name kann nicht auf einer Seite erscheinen. 5. Parallelwähler Das heißt, mehrere Selektoren müssen denselben Stil festlegen, getrennt durch Kommas. Beispielsweise legt div,p{ color:red;} die Schriftfarbe des div-Tags und des p-Tags auf Rot fest. 6. Eltern-Kind-Selektor In Bezug auf die Beziehung zwischen den Elementen ist es der Sohn, der sich verändert. Selektoren werden durch Leerzeichen getrennt. Beispielsweise legt div h1{ font-size:60px;} die Schriftgröße des h1-Tags innerhalb des div-Tags auf 60 Pixel fest. Hier muss sich h1 innerhalb des div befinden, um den Stil zu ändern. Priorität: ID-Selektor > Klassen-Selektor > Tag-Selektor > Platzhalter Die Priorität muss nicht erklärt werden. Wer zuerst lädt und läuft, ist der Boss. ┗|`O′|┛ Es gibt noch viele weitere Selektoren, die ich hier nicht einzeln vorstellen werde, etwa Pseudoklassen-Selektoren und Pseudo-ID-Selektoren. Der Schlüssel ist, wenn Sie sie nicht merken können, merken Sie sich einfach die oben genannten, sie werden am häufigsten verwendet. Hier sind einige Beispiele zum leichteren Verständnis. Benennungsregeln für Klassennamen und ID-Namen: 1. Beginnen Sie Ihren Namen nicht mit einer Zahl. 2. Der Klassenname und der ID-Name sollten aus der wörtlichen Bedeutung klar ersichtlich sein. Verwenden Sie kein Chinesisch. Wenn Sie nicht gut in Englisch sind, können Sie Pinyin verwenden. Wenn Sie nicht gut in Pinyin sind, vergessen Sie es, verwenden Sie es einfach nicht, hahahaha. [Ich mache mich nicht über dich lustig~] Wenn Sie naiv oder faul sind, können Sie eins, zwei, drei machen. Sie werden verärgert sein, wenn Sie sie nach einer Weile wieder ansehen, weil Sie sich nicht erinnern können, wie 1, 2, 3 geschrieben werden o(≧口≦)o Zusammenfassen Damit ist dieser Artikel über die sechs wichtigen Selektoren in CSS (die Sie sich in drei Sekunden merken können) abgeschlossen. Weitere relevante Inhalte zu CSS-Selektoren finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: Detaillierte Erläuterung des Prozesses der Zabbix-Überwachung von SQLServer
>>: Zusammenfassung der Unterschiede zwischen globalen Objekten in Node.js und Browsern
vorgenannt Dieser Artikel ist sehr kurz~ Der Haup...
1. Installation von Docker unter CentOS8 curl htt...
Bei DB-Benchmarktests sind QPS und TPS wichtige I...
Was ist HTML? HTML ist eine Sprache zur Beschreib...
Ein Kollege fragte mich, was N und M im MySQL-Dat...
Installationsschritte 1. Erstellen Sie eine virtu...
Inhaltsverzeichnis 1. Was ist ein Hook? 2. Warum ...
Heute habe ich den Mauszoom-Effekt auf der Vorders...
Vorwort Dieser Artikel stellt hauptsächlich die r...
So geben Sie das übergeordnete Verzeichnis an ../ ...
1. CSS-Elemente verbergen <br />In CSS gibt ...
Wenn Sie beim Erstellen einer Webseite eine besti...
1. Installieren Sie die vsftpd-Komponente Install...
Inhaltsverzeichnis Überblick Indexdatenstruktur B...
In diesem Artikel wird der spezifische Code von J...