Zusammenfassung der Definition und Verwendung von CSS-Selektoren

CSS-Selektor [Wildcard-Selektor] * Der Sternchen-Selektor stimmt mit jedem Element auf der Seite überein, ich empfehle jedoch, ihn niemals im Produktionscode zu verwenden. Es belastet den Browser unnötig. *{margin:0;padding:0;}[Tag-Selektor] (auch Typ-Selektor genannt): Das heißt, die Verwendung des HTML-Tag-Namens als Selektor-Demo: ul {}[id-Selektor]: ID-Selektoren sollten mit Vorsicht verwendet werden . Passen Sie den ID-Namen für den erforderlichen Stil-Tag an. Hinweis: Jeder ID-Name muss unterschiedlich sein eindeutig und eine Wiederverwendung ist nicht zulässig. Versuchen Sie nach Möglichkeit zunächst, einen Tag-Namen, ein neues HTML5-Element oder sogar eine Pseudoklasse zu verwenden. [Klassenauswahl] (Klasse) Passen Sie den Klassennamen und die Verwendungsmethode an: Schreiben Sie .class name {css style}..className {border-color: blue font-size:16px

in die CSS-Datei 1. CSS-Selektoren

Einführung: *Der Sternselektor passt zu jedem Element auf der Seite, ich empfehle jedoch, dass Sie nie wieder Code erstellen und ihn darin verwenden. Es belastet den Browser unnötig.

2. HTML5 tatsächlicher Kampf und Analyse des CSS-Selektors – getElementsByClassName()-Methode

Einführung: Die querySelector()-Methode und die querySelectorAll()-Methode in HTML5 wurden Ihnen in den vorherigen Artikeln vorgestellt. Ich frage mich, wie gut Sie sie hier verstehen. Zuerst die querySelector()-Methode. Die Methode querySelectorAll() gibt das erste Element zurück, das mit dem übergebenen CSS-Selektor übereinstimmt. Die Methode querySelectorAll() gibt alle Elemente zurück, die mit dem übergebenen CSS-Selektor übereinstimmen, bei dem es sich um ein NodeList-Objekt handelt. Lassen Sie mich nach einer kurzen Überprüfung eine neue Methode „getElementsByClassName()“ vorstellen.

3. CSS-Selektororganisation und Pseudoklassen und Pseudoobjekte

Einführung: CSS-Selektoranordnung 1. Platzhalter * {Code...} Funktion: Setzt die internen und externen Patches aller Elemente auf der Seite auf 0; {Code...} Setzt alle Elemente unter die Klasse class Setzt die Schriftfarbe auf Weiß; 2. Tag-Selektor {Code...} HTML hat viele Tags, Sie können den Tag-Selektor direkt verwenden, um...

4. Einfaches PhantomJS-Beispiel_PHP-Tutorial

Einführung: Einfaches PhantomJS-Beispiel. PhantomJS ist ein schnittstellenloser Browser mit WebKit als Kern und einer JavaScript-Programmierschnittstelle (API). Es bietet schnelle und native Unterstützung für Webstandards: DOM-Operationen, CSS-Selektoren, JSON,

5 🎜>Einführung: Zusammenfassung der CSS-Selektoren (Selektoren)

6.

CSS-Selektoren Detaillierte Erläuterung der Beziehungsselektoren _html/css_WEB-ITnose

Einführung: Detaillierte Erklärung von CSS-Selektoren und Beziehungsselektoren

7.

CSS Detaillierte Erklärung von selectors_html/css_WEB-ITnose

Einführung: Detaillierte Erklärung der CSS-Selektoren

8.

30 CSS-Selektoren, die man sich merken muss_html/css_WEB-ITnose

Einführung: 30 CSS-Selektoren, die Sie sich merken müssen

9.

Stilfehler verursacht durch den CSS-Selektor „priority_html/css_WEB“. -ITnose

Einführung: Stilfehler verursacht durch CSS-Selektorpriorität

10.

PhantomJS einfaches Beispiel

Einführung: Einfaches PhantomJS-Beispiel. PhantomJS ist ein schnittstellenloser Browser mit WebKit als Kern und Bereitstellung einer JavaScript-Programmierschnittstelle (API). Es bietet schnelle und native Unterstützung für Webstandards: DOM-Manipulation, CSS-Selektoren, JSON,

Das obige ist der detaillierte Inhalt vonZusammenfassung der Definition und Verwendung von CSS-Selektoren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!