Das Ansteuern einer bestimmten Überschrift (wie auch anderer Elemente) ist auch via CSS möglich.
Angenommen, Deine Überschrift befindet sich im Bereich #main und ist eine h1, angenommen, Du hast in #main mehrere Überschriften, dann sollte das mit dem folgenden Code gehen:
Zuerst verpasst man allen h1, deren Elternelement #main ist, die für die erste Überschrift gewünschten Formate:
Code:
#main h1 {
font-size: 2em;
color: #003366;
}
Also: Gib allen Überschriften in h1 die Größe und Farbe.
Schritt 2 gibt allen Überschriften außer der ersten eine andere Formatierung - das funktioniert, weil die erste Überschrift keinen geschwisterlichen Vorgänger hat, alle weiteren Überschriften jedoch mindestens einen Absatz als Vorgänger besitzen:
Code:
#main p > h1, {
font size: 1.3 em;
color:#aa0000;
}
Also: Gib allen Überschriften, deren Vorgänger ein Absatz ist, eine andere Größe und Farbe.
Du musst mal schauen, welche Definitionen in Deinem Fall vorkommen. Diese Selektoren kannst Du auch trefflich kombinieren.
Es gibt weitere Möglichkeiten, diese Art der Selektoren einzusetzen. Wie genau, dass musst Du anhand Deiner Dokumentstruktur heruasfinden und dann entsprechen anpassen.
Eric Meyer hat das ganz schön in http://meyerweb.com/eric/articles/webrev/200007a.html erklärt, ich vermute mal (ohne dich Bücher zu kennen), dass Peter Müller in 'Little Boxes' etwas ähnliches auf Deutsch geschrieben hat.
Stichworte für die weitere Recherche:
- Adjacent selectors
- Child Selectors
Carolina.
Lesezeichen