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: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>