CSS - Selectors / Selektoren

Links

Gute Übersicht mit Bildern: https://www.mediaevent.de/css/css-selektor-kontextselektor.html
https://learn.shayhowe.com/advanced-html-css/complex-selectors/

Arten von Selektoren

Nachfahre / Descendant Selector

Inneres Element muß aber nicht direkt folgen

div p

div
--span
----p

Kind / Child Selector

Inneres Element muß direktes Kind sein, also kein Enkel. Muß aber nicht direkt im Code folgen.

div>table

div
--p
--table
aber nicht
div
--span
----table

Nachbar / Adjacent Selector

Muß direkt folgen

h5+p

h5
p
aber nicht
h5
span
p

Indirekter Nachbar

Alle folgenden

h5~p

h5
p
ul
p

CSS3 Pseudo Selektoren

https://www.mediaevent.de/css/css3-selektor-pseudo.html