Mit dem Descendat Kombinator selektiert man bestimmte Elementtypen wenn diese inneinander verschachtelt sind. Auf diese Art und Weise kann man Elemente formatieren, wenn sie innerhalb anderer Elemente auftreten. Anbei das Beispiel vom Type-Selector mit einer kleinen Erweiterung.
<style type="txt/css">
p { color: red; font-size: 12px; font-weight: bold }
span { color: green }
p span { color: blue; }
</style>
<span>Dieses span außerhalb des p ist wie angegeben grün</span>
<p>
Dieser Abschnitt ist in einem <p> </p> eingeschlossen und
durch den oben angegeben Typ-Selektor formatiert worden.
<span>
Dieses <span> liegt innerhalb des <p> und wird durch den
Descand Selector blau gefärbt
</span>
</p>
so sieht es aus
Dieser Abschnitt ist in einem <p> </p> eingeschlossen und durch den oben angegeben Typ-Selektor formatiert worden. Dieses <span> liegt innerhalb des <p> und wird durch den Descendant Selector blau gefärbt.
5+ | 5+ | 4+ | 1+ | 0.8+ | 1+ | 3.5+ | 2 | |
J | J | J | J | J | J | J | J |