Antworten auf deine Fragen:
Neues Thema erstellen

Gleiche Elemente mit Wechselnder Farbe

Misco

Nicht mehr ganz neu hier

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

Aktives Mitglied

AW: Gleiche Elemente mit Wechselnder Farbe

Hi,

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

HTML:
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

Hat es drauf

AW: Gleiche Elemente mit Wechselnder Farbe

So könnte das ganze dann aussehen:
HTML:
<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

Nicht mehr ganz neu hier

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

Noch nicht viel geschrieben

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
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.496
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben