Gleiche Elemente mit Wechselnder Farbe

[Misco]

Hallo,

ich habe zum Beispiel 9 DIV´s (automatisch erstellt), diese sollen im Wechsel grau - rot als Hintergrund haben. Lässt sich dies per CSS lösen?

Danke
Dennis

 

[exo]

AW: Gleiche Elemente mit Wechselnder Farbe

Hi,

ja das geht direkt in css, hier ein kleines Beispiel:

div#element:nth-child(1n+2) {
        background-color: #EBF4FF;
        
}
div#element:nth-child(2n+3) {
        background-color: #fff;
        
}

du kannst hier natürlich auch anstatt ein ID-Element zu Selektieren eine Klasse benutzen, was vermutlich auch nur so funktioniert, da ja eine id eh nur einmal vorkommen darf

 

[patrick_l]

AW: Gleiche Elemente mit Wechselnder Farbe

So könnte das ganze dann aussehen:

<div class="wrap">
    <div class="rot">
    </div>
    <div class="blau">
    </div>
    <div class="rot">
    </div>
    <div class="blau">
    </div>
</div>

Jetzt nur noch im CSS die Klassen ansprechen und nach Wunsch stylen.

Grüße Patrick

 

[Misco]

AW: Gleiche Elemente mit Wechselnder Farbe

Die Lösung von exo ist wonach ich gesucht habe, da die Div´s von Wordpress erstellt werden, und so nicht ohne weiteres eigene Klassen erstellt werden können.

Vielen Dank euch!

 

[landrobber]

AW: Gleiche Elemente mit Wechselnder Farbe

Hi Exo
schöne Lösung, werde ich mir auf jeden Fall merken! Bloß hättest noch erwähnen sollen, dass es sich um css3 handelt ;-)

vg
rob

 

[Misco]

AW: Gleiche Elemente mit Wechselnder Farbe

Ahja, der IE8 macht da nicht mit, nun gut.