Ingo Turski: Objektorientiertes CSS Design ?

Beitrag lesen

Hi,

eine ID kennzeichnet ein einziges Element, darf also auf einer seite nur einmal verwendet werden. Sie dient daher außer der formatierung auch zum ansprechen des elementes in html (z.b. anker) und javascript (getElementById). eine klasse dagegen ist für mehrfache verwendung gedacht.

in deinem fall hast du mehtrere möglichkeiten.
zunächst definierst du die überschrift mit z.b. <h1>.
du kannst nun alle <h1> auf allen seiten formatieren: h1 {}
und/oder für die überschrift im div spezielle formatierungen angeben: div#event h1 {}
du kannst auch für bestimmte formatierungen in verschiedenen elementen eine klasse definieren: .rot {color:rot}
und dann z.b. der überschrift diese klasse zusätzlich zuweisen: <h1 class="rot">
natürlich kannst du diese möglichkeiten auch kombinieren, wobei bei widersprüchlichen definitionen die spezifischeren selektoren verwendet werden; eine id ist spezifischer als eine klasse, div#event h1 ist spezifischer als h1 usw.

freundliche Grüße
Ingo