Heim > Artikel > Web-Frontend > Was sind CSS-Selektoren? Welche Arten von CSS-Selektoren gibt es?

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

云罗郡主Original: 2018-11-03 14:44:315897Durchsuche

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>

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Die Verwendung des prozentualen Breitenlayouts im CSS-LayoutNächster Artikel：Die Verwendung des prozentualen Breitenlayouts im CSS-Layout

In Verbindung stehende Artikel

Mehr sehen