10.4 Nach einem Link den URI anzeigen
Problem
Wenn die Seite gedruckt wird, sollen nach einem Link die dazugehörigen URIs (Uniform Resource Identifiers) angezeigt werden.
Lösung
Weisen Sie den Browser mit dem Pseudoelement :after
an, die URIs der Links in einem Absatz mit auszugeben:
p a:after { content: " <" attr(href) "> "; }
Diskussion
Selektoren wie :after
werden als Pseudoelemente bezeichnet. Der Browser interpretiert den Selektor, als enthielte das Webdokument ein zusätzliches Element.
Sie können beispielsweise mit folgendem CSS-Code dem ersten Buchstaben eines Absatzes eine Größe von zwei em-Einheiten zuweisen:
p:first-letter { font-size: 2em; }
Mit Hilfe des Selektors :after
(oder auch mit dem verwandten Selektor :before
) können Sie nach (oder ...
Get CSS Kochbuch now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.