CSS Naming Conventions...

[Rolf B]

Hallo Tschoartsch,

nein, da hast Du jetzt einen dritten Aspekt hereingebracht.

".Animation" findet alle HTML Elemente mit class="Animation".

"#Animation" findet das HTML Element mit id="Animation". Die id soll eindeutig im Dokument sein, darum "das Element", nicht "die Elemente".

Zum Nachtrag: Ja, ok. IDs und Klassen sind getrennte Namensräume. Keyframes sind aber nochmal separat.

Keyframes sind ein reines CSS Konstrukt ohne Entsprechung im HTML, und auf den Namen einer @keyframes Definition kannst Du nur mit der CSS Eigenschaft animation-name Bezug nehmen. Dadurch legst Du fest, was in der Animation passieren soll.

.Animation { /* "Animation" hier als Selektor */
	animation-name: Animation; /* "Animation" hier als Eigenschaft */

Animation hier als Selektor: Jein. Der Punkt gehört zum Selektor, der Selektor ist alles, was vor dem { steht. Animation ist ein Klassenname in einem Klassenselektor.

Animation hier als Eigenschaft: Nein. Es ist der Name einer @keyframes Definition, keine Eigenschaft. Die Eigenschaft heißt animation-name.

Rolf