Voll WebDesign – Webagentur Frankfurt
Das CSS Pseudo-Element “::first-line”
In unserer beliebten Facebook Post-Serie „Coole Styles“ möchten wir Dir heute das herausragende Pseudo-Element “::first-line” etwas näher bringen – also schnall Dich an …
::first-line versetzt Dich doch tatsächlich in die Lage den ersten Satz eines Elementes (also z.B. irgendeinen Text, der über mehrere Zeilen geht) ohne einen zusätzlichen Tag oder CSS direkt anzusprechen bzw. zu stylen! 
Obwohl auch hier dem DOM kein weiteres Element hinzugefügt wird, ist es so, als ob immer der erste Satz egal wie groß bzw. ob in Desktop-, Mobile- oder Tablet-Ansicht in einen weiteren gestylten Tag, also einen -Tag eingeschlossen wird. Daher wird auch das Pseudoelement “::first-line” – genauso wie “::first-letter” übrigens – häufig dazu verwendet typografische Details zu Textelementen hinzufügen.