Sie befinden sich hier: » Kombinatoren » Descendant Kombinator

Descendant Kombinator

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 &lt;p&gt; &lt;/p&gt; eingeschlossen und
  durch den oben angegeben Typ-Selektor formatiert worden.
  <span>
    Dieses &lt;span&gt; liegt innerhalb des &lt;p&gt; und wird durch den
    Descand Selector blau gefärbt
  </span>
</p>

so sieht es aus

Dieses span außerhalb des p ist wie angegeben grün

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.

Browserunterstützung für den Descendant Kombinator

Microsoft Internet Explorer Opera Netscape Mozilla Firefox Safari Konqueror Google Chrome
5+ 5+ 4+ 1+ 0.8+ 1+ 3.5+ 2
J J J J J J J J
letzte Änderung: 27.03.2010