CSS3 – externe Links darstellen

Wenn du auf deiner Seite Links, die zu externen Webseiten führen, kenntlich machen möchtest, kannst du den CSS3 Attribut-Selektor dafür verwenden. Attribut-Selektoren gibt es zwar schon seit CSS level 2, neu sind aber die Zugriffsmöglichkeiten auf die Werte der Attribute mit “beginnt mit” (^), “enthält” (*), “endet” ($))

a[href]:after {
content: ” \2197 EXTERN”;
font-size: 8px;
}

Zuerst wird nach allen Links mit dem Attribut “href” gesucht und Ihnen in diesem Beispiel ein Unicode Sonderzeichen (hier Pfeil nach rechts oben) plus Text “EXTERN” angefügt.

Weiterlesen