NetAktiv
Senior HTML'ler
Hallo,
ich dachte immer, wenn man ein Element mit mehreren Klassen versieht, dass dann die Reihenfolge beim Element eine Rolle spielt, also class="a b" zu einem anderen Ergebnis als class="b a" führen kann. Das scheint aber nicht der Fall zu sein, wie mein Beispiel zeigt, wichtig ist die Reihenfolge der Definition der Klassen a und b.
ich dachte immer, wenn man ein Element mit mehreren Klassen versieht, dass dann die Reihenfolge beim Element eine Rolle spielt, also class="a b" zu einem anderen Ergebnis als class="b a" führen kann. Das scheint aber nicht der Fall zu sein, wie mein Beispiel zeigt, wichtig ist die Reihenfolge der Definition der Klassen a und b.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Class Reihenfolge</title>
<style type="text/css">
body { font-family: Arial, Helvetica, Sans-Serif; margin:10px; padding:0; }
div { width: 250px; height: 100px; margin: 15px; border-color:black; border-width:5px; border-style: solid; }
.blue { background-color:blue; color:green; border-color:red }
.red { background-color:red; color:yellow; border-color:blue }
</style>
</head>
<body>
<p>Die Reihenfolge wird durch die Definition im Abschnitt <style> bestimmt, </br>
nicht durch die Reihenfolge der Klassen beim class-Attribut des Elements.
</p>
<div class="">Class=""</div>
<div class="red">Class="red"</div>
<div class="blue">Class="blue"</div>
<div class="blue red">Class="blue red"</div>
<div class="red blue">Class="red blue"</div>
</body>
</html>