CSS - Selectors / Selektoren: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 1: | Zeile 1: | ||
== Links == | == Links == | ||
| − | Gute Übersicht mit Bildern: https://www.mediaevent.de/css/css-selektor-kontextselektor.html | + | 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 == | == Arten von Selektoren == | ||
=== Nachfahre / Descendant Selector === | === Nachfahre / Descendant Selector === | ||
Version vom 12. August 2022, 15:38 Uhr
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
