Druckbare Version
Tach
Hin und wieder bereitet mir die Vererbung der CSS IDs in Contao Schwierigkeiten. Gerade kämpfe ich mit einer Überschrift. Die ist in #main h1 { font-size:1.9em; } definiert. Im Main Bereich sollte sich in vereinzelten Inhaltselementen h1 anders darstellen, dazu vergab ich denen die CSS-ID #goods { font-size:1.2em; }. Aber dies wird schlicht ignoriert, selbst mit !important. An was könnt es liegen?
Also erstens solltest Du, wenn es mehrere H1 sind, die unterschiedlich dargestellt werden sollen, lieber eine Klasse vergeben und nicht eine ID.
Somit hätten wir dann also die Klasse .goods.
Um nun das #main h1 zu überschreiben sollte Deine Anweisung so aussehen:
Ich weiß ja nicht genau wo Du die Klasse vergibst. Das #main solltest Du aber auf jeden Fall mit aufnehmen in Deiner Definition.Code:#main .goods h1 bzw. #main h1.goods
... gab's da nicht was mit der Spezifität?
Google mal nach 'css spezifität' - da findest du einiges zum Thema der Gewichtung von Selektoren
Durch das Kombinieren einzelner Selektoren kannst du dann die Vererbung "überschreiben"
Im Grundsatz richtig, aber eigentlich sollte es eh nur eine H1 pro Seite geben, oder?Zitat:
Also erstens solltest Du, wenn es mehrere H1 sind, die unterschiedlich dargestellt werden sollen, lieber eine Klasse vergeben und nicht eine ID.
Die ID hat bei mir daher Sinn, weil die zu ändernde H1 in einem Container liegt der bereits die ID #goods besitzt.Zitat:
Zitat von qba
Aber ich kann es drehen wie ich will, ich bekomme es nicht hin die H1 im Container #goods zu ändern.
Haste mal 'nen Link?
localhost/newstile-projekt-dmg/
Noch nicht, mir fehlen noch zwei für Contao 3 angepaßte Erweiterungen.
Was zeigt denn Firebug für H1 im CSS alles an und wie genau hast du die Änderung für H1 selektiert?
Zitat:
Zitat von jubel
:D ja davon mal abgesehen
Hab jetzt #goods eine font-size !important zugewiesen, jetzt scheint sich h1 daran zu orientieren. Ist vielleicht nicht die feine Art. Aber das Ergebnis stimmt.
Mit Gewalt geht's immer. ;)Zitat:
Hab jetzt #goods eine font-size !important zugewiesen, jetzt scheint sich h1 daran zu orientieren. Ist vielleicht nicht die feine Art. Aber das Ergebnis stimmt.
Hast du die Fontsize #goods oder #goods h1 zugewiesen?
#goods, da #goods h1 wie oben beschrieben nicht darauf reagierte
Noch ein Tipp zur Spezifität....
http://little-boxes.de/lb1/6.5-spezi...elektoren.html
Das Problem liegt möglicherweise in deiner Einheit em, die ja immer relativ zum übergordneten Element rechnet. Ohne zu wissen, wie dieses definiert ist, können wir hier nur Rätselraten...