Pseudoelement ':first-letter'

Computer: Software & Programmierung HTML & CSS
#1

Hallo CSS-Profis,

um bestimmte Textbereiche mit Initiale (2 Zeilen hoher Buchstabe) beginnen zu lassen, habe ich in der css-Datei folgende Style-Definitionen:

div p:first-letter { font-size:330%; float:left; font-weight:500;
 color:#006699; }
div p { font-size:100%; letter-spacing:0.035em;
 font-weight:600; color:#006699;
 text-align:justify; }

So wird aber alles, was zwischen den div p - tags steht so formatiert.
Diese Formatierung soll jedoch eine Ausnahme sein…
Wie kann ich das in einen Block (z.B. „#Initial“) packen, so dass ich diese Formatierung mit „div id=Initial“ speziell für bestimmte Bereiche auswählen kann?

Danke und freundliche Grüsse,
Markus

#2

Hi Markus,

So wird aber alles, was zwischen den div p - tags steht so
formatiert.

Es wird jedes einem div mittelbar oder unmittelbar folgenden p so formatiert.

Diese Formatierung soll jedoch eine Ausnahme sein…

Wie kann ich das in einen Block (z.B. „#Initial“) packen, so
dass ich diese Formatierung mit „div id=Initial“ speziell für
bestimmte Bereiche auswählen kann?

Wenn Du Bereiche sagst, wäre eine Klasse (z.B. für p, wahrscheinlich der erste Absatz) das einfachste (IE 6 unterstützt die Pseudoklassen first-child/last-child leider nicht)

z.B. eine Klasse „intro“ für das erste p:

div p.intro:firstletter {....
div p {....

Ciao
Rudy