Jörg Peschke: Variablen in CSS

Beitrag lesen

Hallo,
Du kannst keine Variablen definieren in CSS, aber Klassen.
Dies kannst Du entweder für Elemente tun, z.b. so:

p {color: red;}

<p> Dieser Text ist jetzt rot </p>
<p> und diser auch </p>
<div> dieser nicht </div>

Du kannst es aber auch an einen Klassennamen knüpfen:

.meinRot {color: red;}

<p class="meinRot"> Das ist jetzt rot </p>
<div class="meinRot"> Das auch</div>
<span class="meinRot"> und das </span>

Oder, wenn es sich nur um ein einzelnees Element handeln soll:
#meinRot {color:red;}

<p id="meinRot"> Das hier soll Rot sein! Und nur das! </p>

Diese Klassen kannst Du dann auch noch schachteln (daher "Cascading Stylesheets) und in Abhängigkeit zueinander setzen.

p span {color: red;}
div p {color: blue;}
<p>Das hat ganz normale Farbe <span> das ist rot</span></p>
<span> Das ist auch ganz normal, weil es nicht im p steht </span>
<div><p> das ist blau </p></div>

-> Mit all diesen Möglichkeiten sollte sich eine ergeben, die Du für Deinen Zweck brauchen kannst.

Viele Grüße,
Jörg