mehrere CSS Klassen für ein Element

Zockratte · 16.01.2008, 17:44

Hallo zusammen!

Ich kann einem Element mehrere Klassen zuweisen

HTML-Code:

<html><head>
<style type="text/css">

.pink{color:#ff00ff;}
.fett{font-weight:bold}

</style>

<title>Mein Titel</title>
</head><body>

<p class="fett">Dieser Text ist fett</p>
<p class="pink">Dieser Text ist pink</p>
<p class="pink fett">Dieser Text ist pink und fett</p>
</body></html>

jetzt die eigentliche Frage:
Kann ich in css eine Klasse definieren die nur zum Einsatz kommt wenn beide Klassen im Element stehen? Eine UND-Verknüpfung?!

Also soetwas in der Art:

HTML-Code:

<html><head>
<style type="text/css">

.pink{color:#ff00ff;}
.fett{font-weight:bold}
.pink + .fett{color:green;}
</style>

<title>Mein Titel</title>
</head><body>

<p class="fett">Dieser Text ist fett</p>
<p class="pink">Dieser Text ist pink</p>
<p class="pink fett">Dieser Text ist grün</p>
</body></html>

ingozen · 16.01.2008, 19:51

Das hier

Code:

.pink + .fett{color:green;}

würde verursachen, dass ein Element, das mit der Klasse .fett versehen ist und nach einen Element notiert ist, dem die Klasse .pink gegeben ist, grünen Text hat.

Wonach Du suchst wäre diese Kombination

Code:

.pink.fett {color: green;}

Klingt logisch, ist es auch, nur leider macht der übliche Verdächtige aus Redmond da nicht mit.

Zockratte · 18.01.2008, 17:57

Ahh das ist ja einfach -> werde ich gleich mal testen.
Danke!