dave: CSS einer Klasse während Laufzeit ändern

Beitrag lesen

SELF-Forum

CSS einer Klasse während Laufzeit ändern

dave
+1 Informationen zu den Bewertungsregeln

Hi,

gib dem body- oder html-Element eine zusätzliche Klasse.
Wenn diese Klasse gesetzt ist, ändere entsprechend die Styles deiner anderen Elemente.

Beispiel:

<!DOCTYPE html>  
<title></title>  
<style>  
[code lang=css].foo {  
  background: orange;  
}  
.bar .foo {  
  background: blue;  
}

</style>
<p class="foo">Lorem ipsum dolor sit amet, consetetur sadipscing elitr
<p class="foo">Lorem ipsum dolor sit amet, consetetur sadipscing elitr
<p class="foo">Lorem ipsum dolor sit amet, consetetur sadipscing elitr
<script>

window.setTimeout(function () {  
  document.body.className += 'bar';  
}, 1000);

</script>[/code]

Sobald das body-Element die Klasse "bar" bekommt, bekommen alle Elemente mit der Klasse "foo" eine andere Hintergrundfarbe.

~dave

Beitrag melden
+1
Informationen zu den Bewertungsregeln