[ERLEDIGT] Mehrere Grafiken mit unterschiedlichen CSS-Scripten

[Hallo-Welt]

Hallo allerseits,

Ich stehe gerade vor einem ziemlich exotischem Problem. Nämlich würde ich gerne mehrere Grafiken auf einer einzigen HTML-Seite unterbringen, wovon einige den Code

img {transition:all 500ms;}
img:hover {transform:scale(2.0, 2.0);}

und andere den Code

img {
transform: translate(0px, 0px);
}
img:hover {
transform: translate(3px, 3px);
}

verwenden sollen. Das Problem ist offensichtlich: Beide sind mit "img" gekennzeichnet. Gibt es irgendeine Möglichkeit, den Grafiken eine bestimmte ID zu geben und diese dann in der CSS-Datei zu verwenden?

 

[Bennyville]

Ist gar nicht so exotisch ;)

Google mal nach Klassen und ID's im Zusammenhang mit HTML.

 

[Hallo-Welt]

Danke ertsmal für deine Antwort. Ich weiß dass es die Möglichkeit gibt z.B.

<p><img alt="Text" id="blabla"  src="example.png" /></p>

oder

<p><img alt="Text" class="blabla"  src="example.png" /></p>

in den Code für die Grafik zu schreiben. Allerdings will es mir nicht gelingen, diese Werte in der CSS-Datei anzuwenden. Wenn ich jetzt

blabla {transition:all 500ms;}
blabla:hover {transform:scale(2.0, 2.0);}

verwende, wird weder mit dem Attribut "class" noch mit der ID der dazugehörige CSS-Code erkannt. Was also muss ich in die CSS-Datei schreiben, damit es funktioniert? Kann mir da einer helfen?

Update: Wie dumm von mir. Ich hab meinen Fehler selbst herausgefunden. Ich hab im CSS-Dokument vergessen,

img.blabla

zu schreiben. Poblem gelöst. Danke dir trotzdem Bennyville.