Das CSS-Radar spürt jede Schwachstelle auf!

Kombinatoren

  1. Klassen-Verkettung .class1.class2

  2. Kind-Selektor body > p

  3. direkter Nachbarkombinator h1 + p

  4. indirekter Nachbarkombinator h1 ~ p

Link- und Formular-Pseudoklassen

  1. :hover mit Nachfahre a:hover span

  2. Pseudoklassen-Verkettung a:first-child:hover

  3. :hover auf Nicht-Ankern div:hover

  4. :focus

  5. :target

  6. :checked

  7. :enabled

  8. :disabled

  9. :indeterminate

Positions-Pseudoklassen

  1. :first-child

  2. :last-child

  3. :nth-child

  4. :nth-last-child

  5. :only-child

  6. :first-of-type

  7. :last-of-type

  8. :nth-of-type

  9. :nth-last-of-type

  10. :only-of-type

Vergleichs-Pseudoklassen

  1. :not

  2. :empty

Text-Pseudoklassen

  1. :first-letter

    Der erste Buchstabe dieses Absatzes ist hervorgehoben.

  2. :first-line

    Die erste Zeile dieses Absatzes ist hervorgehoben.
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

  3. ::selection

    Diesen Satz markieren, um das Element grün einzufärben.

Pseudoelemente

  1. :before, :after

    Wort

Attribut-Selektoren

  1. Attribut-Selektor a[href]

  2. Attribut foo, dessen Wert bar ist [foo='bar']

  3. Attribut foo, dessen durch Leerzeichen getrennte Liste von Werten bar enthält [foo~='bar']
    – entspricht foo.bar

  4. Attribut foo, dessen durch - getrennte Liste von Werten mit bar beginnt [foo|='bar']

  5. Attribut foo, dessen Wert mit bar beginnt [foo^='bar']

  6. Attribut foo, dessen Wert mit bar endet [foo$='bar']

  7. Attribut foo, das die Zeichenkette bar enthält [foo*='bar']

sonstige CSS-Eigenschaften

  1. inherit color: inherit

  2. border-spacing, empty-cells

    lorem ipsum dolor
    sit amet consectetuer
  3. clip

  4. outline

  5. Counter

    Erster Absatz

    Zweiter Absatz

    Dritter Absatz

  6. Zitate quotes: "'" "'"

    Und Gott sprach: Es werde Licht! Und es wurde Licht. (Die Bibel, 1. Mose 1:3)