CSS: Externe Links automatisch markieren

Dieser Beitrag wurde am 15. Oktober 2008 erstellt von Marcin Jakubowski.


Durch eine kleine Abfrage in CSS ist es möglich Externe Links automatisch mit einem Extern-Symbol zu markieren. Dazu liest CSS den “href” des Links aus und prüft, ob ein “http:” darin enthalten ist. Ist das der Fall, wird der Style angewendet:

CSS-code:

1
2
3
4

a[href^="http:"] {
	background: url("ext_link.gif") top right no-repeat;
	padding-right: 8px;
}

So muss man nicht mehr alle Links von Hand markieren und spart dadurch Zeit und Aufwand!

CSS, CSS-Schnippsel

Kommentar hinterlassen

(erforderlich)

(erforderlich)