CSS Naming Conventions...

[Matthias Scharwies]

Servus!

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;
}

Eine Klasse ist eine Klasse.

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?

Du hast eine Klasse.

Ein Absatz könnte ja auch die Klasse p haben: <p class="p">

Hier hat die Animation einen Namen. Der fängt mit einem Buchstaben an und heißt nicht wie ein Schlüsselwort: ease, linear, infinite, alternate, running, paused, usw.

Geht doch!

Danke für eure Tipps!

Herzliche Grüße

Matthias Scharwies