wie unterscheidet man bilder in HTML/CSS?

1 Antwort

ChrisCat1, UserMod Light
17.07.2021, 01:02

Am einfachsten indem du den Bildern noch eine ID zuweist.

<img src="" id="Bild1" />
<img src="" id="Bild2" />

In CSS kannst du die Bilder dann über die ID ansprechen.

/* Entweder mit angabe vom img-Tag und dann der ID */
img#Bild1{ }
img#Bild2{ }

/* Oder indem du die Bilder nur per ID ansprichst */
#Bild1{ }
#Bild2{ }

Der Name einer ID darf dabei pro Seite nur einmal vorkommen.

Es gibt auch noch die Möglichkeit Klassen zu nutzen. Eine Klasse kann man auch mehreren Elementen auf einer Seite zuweisen.
Finn0Finn 
Fragesteller
 17.07.2021, 01:03

danke sehr, hilft mir wirklich sehr

0
Babelfish  17.07.2021, 01:06

IDs sollte man allgemein eher sparsam verwenden. Hier wären vermutlich Klassen angebrachter.

0
MrAmazing2  17.07.2021, 02:15
@Babelfish

Warum?

Versteh nicht wirklich was da an einer Klasse besser wäre - Er will es ja nicht mehrmals hernehmen.. Es ist keine Klasse von Bild, sondern ein individuell zu positionierendes Bild. Das hab ich noch nie verstanden, warum man für individuelle Elemente Klassen hernimmt, erstrecht wenn feststeht, dass man diese Klasse auch in Zukunft für kein anderes Element benutzen wird - Da kannste doch gleich ID benutzen.

0
Babelfish  17.07.2021, 10:08
@MrAmazing2

Ob er diese nicht mehrfach verwenden will, lässt sich aus der Fragestellung nicht erkennen.

Soweit wie möglich Klassen zu verwenden, macht vieles einfacher und übersichtlicher. Man kann bspw. einfacher mit Vererbung arbeiten, da man sich nicht über die höhere Spezifität der ID Gedanken machen muss.

Klassen lassen sich auch kombinieren, sodass man nicht jedes Element komplett mit einem einzigen Style beschreiben muss. Das gipfelt dann in mächtigen Utility-Frameworks wie Tailwind CSS.

Er kann natürlich mit IDs arbeiten. Ich persönlich würde es aber auf ein Minimum reduzieren und IDs nur hauptsächlich dort verwenden, wo eindeutige Elemente per Script angesprochen werden müssen. Und mit der Meinung bin ich auch nicht alleine. Aber jeder kann es natürlich so machen, wie es einem am besten gefällt. Falsch ist es auf jeden Fall nicht.

1