vollständig
gekürzt
<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <title>HCL102 Pseudoelemente</title> <style> p::first-line {font-weight:bold;} p::first-letter {font-size:4em; float:left; padding:10px;} a::before {content: "Link: ";} a::after {content: " « ";} div {color:black; background:gray;} span::selection {color:inherit; background:inherit;} </style> </head> <body> <p> Pseudoelement können an einfache Selektoren (ID, Class usw.) angehängt werden um damit ein Element zu erweitern. Um Pseudoelemente von Pseudoklassen zu unterscheiden, werden sie mit zwei Doppelpunkten (::) geschrieben. </p> <a href="https://www.css4.at">css4.at</a> <hr> <div><span>Sehr viel Lauftext</span> ist nicht immer gut!</div> </body> </html>
