CSS - Selectors / Selektoren: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „ == Arten von Selektoren == === Nachfahre / Descendant Selector === Inneres Element muß aber nicht direkt folgen div p <pre> div --span ----p </pre> === Kin…“) |
|||
| Zeile 1: | Zeile 1: | ||
| − | + | == Links == | |
| + | Gute Übersicht mit Bildern: https://www.mediaevent.de/css/css-selektor-kontextselektor.html | ||
== Arten von Selektoren == | == Arten von Selektoren == | ||
=== Nachfahre / Descendant Selector === | === Nachfahre / Descendant Selector === | ||
| Zeile 38: | Zeile 39: | ||
=== Indirekter Nachbar === | === Indirekter Nachbar === | ||
Alle folgenden | Alle folgenden | ||
| − | h5 | + | h5~p |
<pre> | <pre> | ||
h5 | h5 | ||
p | p | ||
| + | ul | ||
p | p | ||
</pre> | </pre> | ||
| + | |||
| + | == CSS3 Pseudo Selektoren == | ||
| + | https://www.mediaevent.de/css/css3-selektor-pseudo.html | ||
Version vom 7. März 2018, 11:55 Uhr
Links
Gute Übersicht mit Bildern: https://www.mediaevent.de/css/css-selektor-kontextselektor.html
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
