Kombination ID und Klasse - Verständnisproblem

[Detlef G.]

Hallo Rols

Ich habe ein Menü, das in ähnlicher, aber nicht gleicher Weise auf mehreren Seiten (natürlich nur jeweils einmal) verwendet wird. Das betreffende HTML-Element (<ul>) hat immer die ID "menu".

Du könntest auch einem Vorfahrenelement des Menüs eine ID oder Klasse geben.
Dann verwendest du für die verschiedenen Varianten jeweils den Nachfahrenselektor.

#menu { /* Formate */ }  
#Variante1 #menu { /* spezielle Formate */ }  
#Variante2 #menu { /* spezielle Formate */ }  

bzw.

.Variante1 #menu { /* spezielle Formate */ }  
.Variante2 #menu { /* spezielle Formate */ }  

Wenn nicht nur das Menü sondern auch andere Teile genau dieser Seiten abweichende Formate haben sollen, könntest du dem body eine ID geben und damit alle abweichenden Formate dieser Seite mit dem Nachfahrenselektor ansprechen, wodurch du bestimmt diverse Klassen oder IDs einsparen könntest.

Beispiel:

#Variante1 h1 { /* spezielle Formate für h1-Überschriften dieser Seiten */ }  
#Variante1 p { /* spezielle Formate für Absätze dieser Seiten */ }  

Auf Wiederlesen
Detlef