Beispiel:CSS-Pseudo-1.html
<!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>