Looking for css Keywords? Try Ask4Keywords

CSSSelektoren


Einführung

CSS-Selektoren identifizieren bestimmte HTML-Elemente als Ziele für CSS-Stile. In diesem Thema wird beschrieben, wie CSS-Selektoren auf HTML-Elemente abzielen. Selektoren verwenden eine breite Palette von über 50 Auswahlmethoden, die von der CSS-Sprache angeboten werden, einschließlich Elemente, Klassen, IDs, Pseudo-Elemente und Pseudo-Klassen sowie Muster.

Syntax

  • # id
  • . Klassenname
  • : Pseudoklassenname
  • :: Pseudoelementname
  • [ attr ] / * hat das Attribut attr . * /
  • [ attr = " value "] / * hat das Attribut attr , und sein Wert ist genau " value ". * /
  • [ attr ~ = " value "] / * hat das Attribut attr , und sein Wert enthält, wenn er auf Leerzeichen aufgeteilt ist , " value ". * /
  • [ attr | = " value "] / * hat das attr- Attribut und sein Wert ist genau " value " oder sein Wert beginnt mit " value - ". * /
  • [ attr ^ = " value "] / * hat das Attribut attr , und sein Wert beginnt mit " value ". * /
  • [ attr $ = " value "] / * hat das Attribut attr , und sein Wert endet mit " value ". * /
  • [ attr * = " value "] / * hat das Attribut attr , und sein Wert enthält " value ". * /
  • Elementname
  • *

Bemerkungen

  • Manchmal werden Sie zwei Doppelpunkte (siehe :: ) anstelle von nur einem ( : ). Dies ist eine Möglichkeit, Pseudoklassen von Pseudoelementen zu trennen.
  • Alter Browser wie Internet Explorer 8, unterstützt nur einen einzigen Doppelpunkt ( : ) zum Definieren Pseudo-Elemente.
  • Im Gegensatz zu Pseudoklassen kann nur ein Pseudoelement pro Selektor verwendet werden. Wenn es vorhanden ist, muss es nach der Sequenz einfacher Selektoren erscheinen, die die Subjekte des Selektors darstellen (eine zukünftige Version der W3C-Spezifikation kann mehrere Pseudoelemente pro Selektor zulassen ).

Selektoren Verwandte Beispiele