Beispiel:CSS-Pseudo-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" > <title>::first-letter</title> <style>

h2::first-letter , p::first-letter { color: red; font-weight: bold; }


body { width: 40em; font-family: sans-serif; }


</style> </head> <body>

::first-letter findet das erste Zeichen

Das Pseudoelement ::first-letter ermöglicht es, nur den ersten Buchstaben eines Blockelements zu formatieren. Dies wird häufig für typografische Effekte verwendet, insbesondere in langen Texten, ohne zusätzliches Markup hinzuzufügen.

Auf das erste Zeichen kommt es an.

*1 ist ein verbreiteter Code in Telefonsystemen.

*1 ist ein verbreiteter Code in Telefonsystemen.

mögliches Anwendungsbeispiel

Abcdefg <p>A'bcdefg <p>'A'bcdefg <p>[A]bcdefg <p>{A'}bcdefg </body> </html>