Situation:
- Es gibt mehrere Contentseiten mit einer content.css
- Es gibt eine Hauptseite mit einer main.css und einem Contentbereich (<Div class="content">)
Aufgabe:
- Die Hauptseite mit Contenseiten laden.
Probleme:
- unterschiedliche Styles Definitionen in beiden css Dateien:
z.B.: sieht "h1" in der main.css anders aus, als in der content.css
Je nachdem in welcher Reihenfolge man die css-Dateien in den Header einbindet, wird die Hauptseite anders dargestellt oder der Content(letzte Datei überschreibt vorherige).
- Vererbung: Die Hauptseite vererbt Styles auf den Contentbereich
Nicht alle Styles werden von der Content.css überschrieben und folglich sieht der Content dann auch anders aus oder umgekehrt.
Wie muss ich diese Thematik angehen?
Ist es z.B. möglich, dass ein DIV-Container nichts von "oben" erbt und nur eine css-Datei zum layouten benutzt?
Dann hätte ich wenig arbeit
Mein Horror wäre es, alle Klassen in der content.css eindeutig umzubennen und alle Contentseiten zu überarbeiten.
zB.: würde ich für den Eintrag in der content.css
Code:
a {
text-decoration: none;
color: #002bb8;
background: none;
}
eine Klasse erstellen
Code:
a.content {
text-decoration: none;
color: #002bb8;
background: none;
}
und in der Contentseite alle links mit class="content" erweitern.
Wäre das so richtig? Gibt es nicht einen eleganteren Weg?