Inhalt

CSS-Wiki.com

CSS Wiki.com CSS 2.1 und CSS 3 Alle CSS­Eigenschaften auf einen Blick! CSS-Wiki.com

Kind Selektor / Child selector

CSS Code-Beispiel

Der Kind Selektor arbeitet über die konkrete CSS-Kaskade. In folgendem Beispiel würde ein Listen-Eintrag generell schwarz dargestellt, alle Listenpunkte in einer UL würden allerdings rot sein.

li {
   color : black;
}
/* Kind Selektor */
ul > li {
   color : red;
}
                   

Dies ist eine Möglichkeit, die sich viele CSS-Designer wünschen. Leider wird der Kind Selektor nur von neueren Browsern unterstützt. Von daher kann man diese Schreibweise für ein browserübergreifendes Webdesign nicht verwenden.

Dies bietet dadurch aber die Möglichkeit, den Kind Selektor als Hack einzusetzen. Mit speziellen Definitionen sprechen Sie also nur neuere Browser an. Da die im englischen Child selector genannte Schreibweise allerdings von sehr vielen Browser unterstützt wird, führt oft die Kombination mit anderen Hacks zum Ziel.

Es ist einfach, die Browser aufzuzählen, die den Kind Selektor nicht unterstützen. Interpretiert wird dieses CSS NICHT von:

© 2008-2019 - Stephan Heller [daik.de]

Quatsch? Unsinn! Wie jetzt gleich?

Wir versuchen, alles zu testen und nur richtige Dinge zu schreiben, vielleicht haben wir aber hier und dort was übersehen, die Beschreibung ist in der Ausdruckweise nicht vollständig, oder es gibt Anregungen, was hier stehen sollte oder welcher Link noch fehlt.

Wir freuen uns über jede Anregung! Kurze Mail an mail@css-hack.de.


 
Anbieter: daik.de || Impressum || Datenschutz || hosted by Host Europe

CSS-Wiki.com || Foto Studio Köln || Barrierefreier kostenloser Webcounter