Nachfahre-Kombinator
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Der Nachfahre-Kombinator – typischerweise durch ein einzelnes Leerzeichen (" ") dargestellt – kombiniert zwei Selektoren, sodass Elemente, die vom zweiten Selektor erfasst werden, ausgewählt werden, wenn sie ein Vorfahr-Element (Elternteil, Elternteil des Elternteils, Elternteil des Elternteils des Elternteils usw.) haben, das dem ersten Selektor entspricht. Selektoren, die einen Nachfahre-Kombinator verwenden, werden Nachfahre-Selektoren genannt.
/* List items that are descendants of the "my-things" list */ ul.my-things li { margin: 2em; } Der Nachfahre-Kombinator besteht technisch aus einem oder mehreren CSS Leerzeichenzeichen – das Leerzeichen und/oder eines der vier Steuerzeichen: Wagenrücklauf, Formularvorschub, neue Zeile und Tabulatorzeichens – zwischen zwei Selektoren, wenn kein anderer Kombinator vorhanden ist. Außerdem können die Leerzeichenzeichen, aus denen der Kombinator besteht, beliebig viele CSS-Kommentare enthalten.
Syntax
selector1 selector2 { /* property declarations */ } Beispiele
CSS
li { list-style-type: disc; } li li { list-style-type: circle; } HTML
<ul> <li> <div>Item 1</div> <ul> <li>Subitem A</li> <li>Subitem B</li> </ul> </li> <li> <div>Item 2</div> <ul> <li>Subitem A</li> <li>Subitem B</li> </ul> </li> </ul> Ergebnis
Spezifikationen
| Specification |
|---|
| Selectors Level 4 # descendant-combinators |
Browser-Kompatibilität
Loading…