Hallo jackysu
Die linke Navigation ist mit Listen erstellt. FeWo1 - FeWo3 sollen einrücken und kein Border haben.
Dann solltest du das auch so definieren.
Für die zweite Liste habe ich eine #navunder definiert,
Was nicht nötig sein dürfte.
#navi ul li a:link, #navi ul li a:active, #navi ul li a:visited {
Warum gibst du diesen eine so hohe Spezifität?
#nav a:link, ... sollte doch reichen, oder gibt es in der Navigation auch Links, die sich nicht innerhalb von li-Elementen innerhalb von ul-Elementen befinden?
#naviunder ul li a:link, #navi ul li a:active, #navi ul li a:visited {
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Warum verwendest du hier noch einmal identische Selektoren?
Vielleicht solltest du noch einmal ganz in Ruhe dein CSS durchgehen und dir bei jedem Selektor genau überlegen, was er genau selektiert, und dabei kontrollieren, ob du nicht versehentlich das selbe Element mehrmals selektiert hast.
, es soll unter anderem ohne Border erscheinen, die Id wird aber durch übergeordnete #nav überschrieben
Wo hebst du den border, der für die Links in #navi definiert ist für #naviunder wieder auf?
Ich würde es so machen:
#navi {...} /* alles für #navi selbst */
#navi ul {...} /* alles für die Liste */
#navi li {...} /* alles für die Listenpunkte */
#navi a {...} /* alles für die Links innerhalb der #navi (würde bei vorhandensein auch Anker selektieren) */
#navi a:hover /* abweichende Formatierungen für :hover */
#navi ul ul {...} /* alles für die innere Navigation, dabei Eigenschaften */
#navi ul ul li {...} /* für die Listenpunkte */
#navi ul ul a {...} /* für die Links innerhalb der inneren Navigation */
Alle Eigenschaften, die für #navi oder ein Element innerhalb von #navi definiert sind, musst du bei #navi ul ul ... durch neue Werte überschreiben, wenn diese anders sein sollen, als bei #navi selbst.
Beispiel:
#navi a {
...
border-top:1px solid #adbdce;
}
#navi ul ul a {
...
border-top:none;
}
Auf Wiederlesen
Detlef
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!