:first-letter auf Absatz mit ID als Selektor anwenden - geht nicht?

[jeko]

Hallo zusammen,

Ich versuche über die Pseudoklasse :first-letter die CSS-Eigenschaften des ersten Buchstaben eines Absatzes zu verändern, und zwar indem ich den Absatz über seine ID selektiere.

Also konkret habe ich als HTML-Code folgendes:

<p id="ahoi">Mein M sollte grün sein.</p>

Und versucht habe ich's mit folgendem CSS:

#ahoi :first-letter {
  color:#00ff00;
}

Doch passieren tut nichts mit dem M. Lasse ich das #ahoi weg und selektiere alle p-Elemente mit

p:first-letter

erhalte ich das gewünschte Ergebnis, nur leider für alle <p>s was weniger gewünscht ist.

Eine Testseite ist hier.

Weiss jemand Rat?

Dankeschön
jeko

 

[ein schlauer]

einfach das Leerzeichen wegmachen.

 

[dkdenz]

Die Lücke muss raus zwischen #ahoi und :first-letter...

#ahoi:first-letter {
  color:#00ff00;
}

 

[dkdenz]

:d

 

[ein schlauer]

 

[jeko]

:d
Ja Herrgott ich glaub's ned... Danke Jungs.:icon6: