Thiemos Archiv
- Saturday, 2005-11-12 10:12
- CSS-Bits, heute: CSS 3-Selektoren und Opera 9. Firefox und neuerdings auch Opera bieten eine wundervoll elegante Möglichkeit, externe Links zu markieren:
a[href^="http://"] { background-image: url(extern.png); }(gekürzt). (Der Vollständigkeit halber sei erwähnt, dass der seit CSS 2 verfügbare Attributselektor|=nicht gleichbedeutend ist. Er trifft nur dann zu, wenn das Attribut mit der gesuchten Zeichenkette beginnt und danach entweder nichts weiter oder ein Bindestrich folgt. Das ist also nur für Attributte der Art"de-DE"sinnvoll.)Die aktuelle Testversion von Opera 9 hat einen Fehler: Die Regel wird erst angewandt, nachdem alle Links in ihre absoluten Entsprechungen aufgelöst wurden. Opera 9 markiert alle Links als extern. Den Entwicklern zufolge wird dieser Bug in der finalen Version auf jeden Fall behoben. Trotzdem können wir mit einer kleinen Zusatzregel das Problem jetzt schon umgehen (Workaround):
a[href^="http://www.eigene-domäne.de"] { background: none; padding: 0; }. Das kostet keine Mühe, hilft aber dabei, dem Problem unabhängig vom Browser vorzubeugen. Kommentare zu diesem Beitrag können per E-Mail an den Autor gesandt werden.