externe Links markieren ohne Icon

Ich hatte mir für heute vorgenommen die externen Links auf dieser Webseite auch als solche zu markieren. Das hätte ich jedoch fast wieder aufgegeben, da ich nach einer viertel Stunde noch kein passendes Icon gefunden hatte. (Entweder gefiel es mir nicht oder die Lizenz passte nicht)

Ich habe mich jedoch im letzten Moment an die content Property von CSS erinnert. Damit kann man beliebigen Text vor oder nach ein Element setzten. Da Unicode genug Pfeile und ähnliches anbietet, war dies die Ideale Lösung.

a:after {
    content: '⇡';
}

a[href^="http://yourdomain.com"]:after {
    content: '';
}

Leave a Reply

Comments