Schriften formatieren - Der eleganteste der vorgestellten Wege.

[Khan (Lösung?)]

Tach,

<div>
<span>Hamburg</span>
<span>09. April 2016</span>
<span>Old School RNB &amp; Hip hop</span>
<span>Reeperbahn club Hamburg</span>
</div>

div und span als Platzhalteer für vermutlich existierende besser passende Elemente.

Die Schriften sollen variieren in:

Weiss Braun Weiss Braun immer abwechselnd. Dabei sollen aber die Schriftgrößen komplett anders sein, damit der ganze Block links und rechts anbinden und einige Schriften hervorgehoben werden, z. B. REEPERBAHN CLUB HAMBURG in kleinerer Schrift, als 09. APRIL 2016. Muß also für jede Zeile eine Klasse erstellt werden und dann im DIV Container per <span class=" formatiert werden.

div span { display:block; text-transform: uppercase; background-color:black}
div span:nth-child(odd) {color: white;}
div span:nth-child(even) {color: brown;}
div span:nth-child(2) {font-size:2em;}

http://dabblet.com/gist/61ac7a2f718a947a79c7

mfg
Woodfighter

In Deinem Beispiel gibt man per CSS vor, das alle span in jeder DIV (in diesem Fall alle da keine ID oder Klasse für die DIV gesetzt) jeweilige Eigenschaften erhalten ja?

Was genau bedeutet nth-child und odd/even/2. Ich habe verstanden das jede span Zeile eine eigene Klasse haben muß, das sind wohl diese odd/even/2.