Hallo zusammen

Ich habe gerade den Auftrag auf einer Webseite Änderungen vorzunehmen. In der Webseite sind zwei externe CSS-dateien eingebunden.
Nun möchte ich für ein Bild neue Eigenschaften im CSS verleihen. Das geht eigl. ganz gut, jedoch werden die Bilder bereits in der anderen CSS-Datei angesprochen.
Nun werden meine Eigenschaften ständig überschrieben.
Ich glaub zwar zu wissen, wie ichs umgehen kann. Jedoch würd mich interessieren, wie bestimmt wird, welche CSS-Datei stärker ist. Diejenige die zuerst eingebunden wird???
Oder was könnte es sein?

Ich msus vll noch erwähnen, dass die Bilder in einer CSS-Datei über

Code

#container img {} 

und in meiner Variante per

Code

.meinebildid {} 

angesprochen werden. Wobei ich nur genau den Bildern, die ich anders haben möchte diese Klasse verliehen hab.

Hoffe jemand weiss da Bescheid. Würd mich noch interessieren.

Gruss

sejau

Habs vielleicht gefunden;

wenn ich

Code

#container .meinebildid {} 

ansprech, dann passts.
ist in dem Fall der ID-Selektor einfach stärker als der Class-Selektor?

Wie gesagt, so ganz verstehen, wieso, tu ichs nicht..

Hallo Sejau

Die zweite eingebundene Datei würde die erste überschreiben. Wenn der Browser die Informationen von oben nach unten liest, überschreibt das später eingebundene Element ein älteres.
In Deinem Fall greift aber noch etwas anderes. Guck es Dir vielleicht mal an, ist für einige "komische Anzeigefehler" verantwortlich.
http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

Gruss
Martin

super danke, das wars was ich gesucht habe. eine deklaration, welche selektoren stärker gewichtet werden.

gruss