Pseudo Elemente

Wenn ihr möchtet, dass der erste Buchstabe eines Paragraphen anders aussieht als der rest des Paragraphen, dann könnt ihr das folgendermaßen machen:

p:first-letter {
	color:Red;
	font-size:xx-large;
}

Dadurch wird der erste Buchstabe eines jeden Paragraphen Groß und Rot sein. Das “first-letter” (erster Buchstabe) Pseudo Element lässt sich nur auf Block-Level Elemente anwenden.

Wenn ihr möchtet, dass die erste Zeile eines Block Level Elements anders aussieht, dann könnt ihr das mit first-line erreichen:

p:first-line {
	color:green;
	font-size:25px;
}

Eine gute Auflistung wann man Pseudo Elemente verwenden kann findet ihr hier: Css Pseudo Elements (leider in Englisch)