verschachtelte Selektoren mit js

[Gunnar Bittersmann]

Hello out there!

In einer CSS-Datei kann man z.B. alle links die sich in einem div befinden folgendermassen ansprechen:
.div a {};

'div a' meinst du sicherlich. (*)

wenn ich aber das gleiche mit js machen möchte dann???

Du kannst dynamisch Stylesheet-Regeln ändern, indem du die Regeln durchgehst (cssRules bzw. rule für IE), den Selektor gegen "div a" vergleichst (selectorText) und die entsprechende Regel änderst (cssText). [http://www.quirksmode.org/dom/w3c_css.html]

Aber dein Vertipper (*) zeigt einen anderen (den einfachsten!!) Weg: Du änderst dynamisch lediglich die Klasse eines Elements (className), bspw. des 'body' und hast im Stylesheet die Regeln

body.foo div a{}  
body.bar div a{}

See ya up the road,
Gunnar