Pseudo Elemente
- Home
- Tutorials
- HTML/Web
- HTML & CSS Tutorial für Anfänger
- 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)
Vorherig
Styles überschreiben
Nächste
Hintergrundbild einfügen
Kostenlos
HTML & CSS Tutorial für Anfänger
-
Einführung in HTML
-
Lektion1.1
-
Lektion1.2
-
Lektion1.3
-
-
Verschiedene Tags
-
Lektion2.1
-
Lektion2.2
-
Lektion2.3
-
Lektion2.4
-
Lektion2.5
-
Lektion2.6
-
-
Einführung in CSS
-
Lektion3.1
-
Lektion3.2
-
Lektion3.3
-
Lektion3.4
-
Lektion3.5
-
Lektion3.6
-
-
Tags mit CSS stylen
-
Lektion4.1
-
Lektion4.2
-
Lektion4.3
-
Lektion4.4
-
Lektion4.5
-
-
Wichtige Einsteigertricks
-
Lektion5.1
-
Lektion5.2
-
Lektion5.3
-
Lektion5.4
-
Lektion5.5
-
Lektion5.6
-
Lektion5.7
-
-
CSS in der Praxis
-
Lektion6.1
-
Lektion6.2
-
Lektion6.3
-
Lektion6.4
-
Lektion6.5
-
-
Formulare und Dropdown-Listen
-
Lektion7.1
-
Lektion7.2
-
Lektion7.3
-
Lektion7.4
-
Lektion7.5
-
Beliebte Kurse
Spring Boot Webentwicklung - RESTful APIs entwickeln!
Lerne Spring Boot und erstelle RESTful APIs Das beliebteste Java...
29,99€
Die Java 11 Masterclass - Werde zum Profi-Entwickler!
Werde zum Entwickler mit der Java 11 Masterclass! Starte in...
29,99€
Spiele entwickeln mit Unity 3D – Erstelle eigene Games in C# - Starter
Willkommen zum kostenlosen Teil des Kurses: "Spiele entwickeln mit Unity...
Kostenlos