Was sind CSS-Selektoren? Welche Arten von CSS-Selektoren gibt es?-CSS-Tutorial-php.cn

Was sind CSS-Selektoren? Welche Arten von CSS-Selektoren gibt es?

云罗郡主

Freigeben： 2018-11-03 14:44:31

Original

5956 Leute haben es durchsucht

In CSS-Stilen bestehen sie im Allgemeinen aus drei Teilen: Selektoren, Attributen und Attributwerten. Viele CSS-Neulinge sind jedoch mit CSS-Selektoren nicht sehr vertraut. Welche Arten von CSS-Selektoren gibt es? [Empfohlene Lektüre: Zusammenfassung der Verwendung von 30 CSS3-Selektoren]

Schauen wir uns zuerst einen Code an:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>什么叫CSS选择器？</title>
</head>
<body>
    <div>php1</div>
    <div>php2</div>
    <div>php3</div>
</body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt folgt:

Was sind CSS-Selektoren? Welche Arten von CSS-Selektoren gibt es?

Was ist, wenn wir PHP2 auf Blau setzen wollen? Wir müssen eine Möglichkeit verwenden, das zweite Div auszuwählen und dann die Farbe seines CSS-Attributs in Blau zu ändern. Ändern Sie auf diese Weise ein bestimmtes Element in den gewünschten Effekt und wählen Sie die gewünschte Bezeichnung aus „Selektor“, was bedeutet, dass der Selektor eine Möglichkeit zum Auswählen von Elementen darstellt.

Der sogenannte Selektor besteht, um es ganz klar auszudrücken, darin, eine Methode zu verwenden, um das gewünschte Tag auszuwählen! Erst nachdem Sie es ausgewählt haben, können Sie den CSS-Stil dieses Tags bedienen. Das ist ganz einfach. CSS bietet viele Möglichkeiten, die benötigten Tags auszuwählen, und diese verschiedenen Möglichkeiten sind unterschiedliche Selektoren.

2: Welche Arten von CSS-Selektoren gibt es?

1 (Zum Beispiel: class="head", class="head_logo")

3. Globaler Auswahlselektor (z. B. *)

5. Selektor kombinieren (z. B. .head .head_logo, beachten Sie, dass die beiden Selektoren durch die Leertaste getrennt sind)

6 (zum Beispiel: div p, beachten Sie, dass die beiden Selektoren durch die Leertaste getrennt sind)

7. Pseudoklassenselektor (zum Beispiel: Linkstil, Pseudoklasse eines Elements, 4 verschiedene Zustände: Link , besucht, aktiv, schweben.)

8. Attributselektoren für den String-Abgleich (^ $ * drei Typen, entsprechend dem Anfang, Ende und Einschluss)

Das Obige ist die Antwort Was ist ein CSS-Selektor? Eine vollständige Einführung in die Arten von CSS-Selektoren. Wenn Sie mehr über das

CSS3-Tutorial

erfahren möchten, folgen Sie der chinesischen PHP-Website.

Das obige ist der detaillierte Inhalt vonWas sind CSS-Selektoren? Welche Arten von CSS-Selektoren gibt es?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!