CSS Naming Conventions...

[Tschoartsch]

Hallo,

bin soeben auf ein CSS-Verhalten gestoßen, das mir nicht richtig schlüssig erscheint (aber funktioniert)

...wenn ich eine Klasse 2x definiere, so überschreibt die nachgereihte Klasse die ihr vorangehende.

So ergibt

.Farbe {
	color: red;
}
.Farbe {
	color: green;
}

im Endeffekt grün - die Klasse Farbe wird überschrieben.

Klassen und Animationsnamen dürften allerdings keinen Namenskonflikt erzeugen.

.Animation { /* "Animation" hier als Klassenname */
	animation-name: Animation; /* "Animation" hier als Animationsname */
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes Animation {
	/* [...] */
}

scheint einwandfrei zu funktionieren... ...ist das tatsächlich bedenkenlos möglich oder übersehe ich was?

Danke für eure Tipps!