CSS Problem mit mehreren Klassen

[Rudolpho]

Sieht so aus als ob ich ein Problem habe bei dem ich nicht weiter weiß:

In dem Contao Menü werden automatisch Klassen zugeordnet
Hauptmenue: ul.level_1
2 Ebene: ul.level_2

Habe in meinem Stylesheet eine Definition erstellt die den letzten Link der ersten Ebene erfassen soll.
----> ul.level_1 li.last so weit so gut er sieht auch so aus wie er soll nur wird es anscheinend auf die 2te Ebene vererbt...... d.h. der link ul.level_2 li.last erhält das gleiche aussehen.
Wie kann ich das umgehen?

[codestorm]

einfach die Definition im Level 2 wieder aufheben, als Bsp:

ul.level_1 {
margin-bottom:10px;
color:#ff0000;
}

ul.level_2 {
margin-bottom:0;
color:#0000ff;
}

[Rudolpho]

aber wieso werden sie vererbt?
nach dieser tabelle http://www.css4you.de/shortref.html wird background-color zum beispiel nicht vererbt
tut´s aber!
und das mit dem aufheben hat leider auch nicht so funktioniert.......

[MacKP]

Hallo Rudolpho,
das wird nicht vererbt. Aber das li wird von dem ul der 2. Ebene so weit aufgebläht, da das ja innerhalb dieser li liegt.
Einfacher ist es, wenn du Hintergründe etc. dem Link direkt zuweist. Also dem a

Viele Grüße

[Rudolpho]

danke daran habe ich nich gedacht

[Andreas]

Da muss ich auch nochmal meinen Senf dazu geben.

Mit ul.level_1 li.last sprichst du direkt li.last in level_2 an, übrigens auch in allen anderen Ebenen. Es heißt ja nichts anderes, als "formatiere alle li.last in ul.level_1", und wenn du genau hinsiehst musst du gestehen, dass das li.last direkt in Ebene level_2 auch in ul.level_1 drin ist, eben nur nicht direkt eine Ebene tiefer.

Wenn du nur das li.last ansprechen möchtest, welches in erster Ebene unter ul.level_1 liegt, kannst du den Kind-Selektor benutzen.

ul.level_1 > li.last

Grüße