css-Selektor: ersten Absatz den ersten Buchstaben innerhalb einer div

In einigen Fällen müssen Sie möglicherweise eine Kopf-oder einige andere Elemente, die Typen vor der <p> Zum Beispiel:

<div>    
<h1>My Great Title</h1>
<p>
In my younger years I was a great man, but all that changed when I saw...
</p>
<p>
I struck him for shaming my name, my family, my life. It was a shameful...
</p>
</div>

So, in diesem Fall p:first-child nicht aus irgendeinem Grund zu arbeiten, zumindest nicht in Chrome oder Safari.

Also stattdessen werden Sie dies nutzen wollen:

div p:first-of-type:first-letter{
/* add your awesome code here */
}

Vielen Dank für Ihre Zeit.

first-of-type

InformationsquelleAutor Philll_t

Gut, ich würde Sie mindestens eine Klasse auf das element, das Sie möchten, dass die ersten Buchstaben styling angewandt werden. Ich bin sicher, du kannst eine css-Regel für den ersten Absatz des ersten div -; aber wenn Sie geschehen, haben ein weiteres div mit einem Absatz am Anfang, dann es wird angewendet, um alle von Ihnen. In anderen Worten, ohne die Verwendung einer Klasse/id in Ihrem Selektor, angewendet wird, um den ersten Buchstaben des ersten Absatzes von JEDES DIV (die möglicherweise nicht das Verhalten, das du suchst). Also ich würde das hier empfehlen:

<div>
 <p class="FirstLetter">
  Once upon a time..
 </p>
 <p>
  A beautiful princess..
 </p>
</div>

Und dann in deinem css:

.FirstLetter:first-letter {
   //styling rules here
}

Aber wenn meine intuition falsch ist und Sie wissen sicher, dass dies ist, was Sie suchen, dann @Demian Brechts Antwort sollte gut gehen.

InformationsquelleAutor Dave

CSS :first-letter-Selektor

div p:first-letter{
 color:blue;   
}

Beispiel HIER

Hinweis: Die folgenden Eigenschaften können verwendet werden mit :first-letter

schriftart-Eigenschaften,
Eigenschaften Farbe,
hintergrund Eigenschaften
margin-Eigenschaften,
Polsterung Eigenschaften,
border-Eigenschaften,
text-decoration",
vertical-align (nur, wenn der Schwimmer ist 'keine'),
text-transform,
line-height,
float,
klar

InformationsquelleAutor ExtraGravy