Comments on: Hyperlinking best practices, pt. 2: Distinguishing external links with CSS3 and regular expressions

By: Steve Melcher

Steve Melcher — Wed, 08 Nov 2006 12:03:57 +0000

Much simpler method… use:

a:not([href*="underscorebleach.net"]):after { content:” (offsite)”; }

By: Ton Vink

Ton Vink — Thu, 19 May 2005 06:32:51 +0000

You can use the content property and still use your own pictures by using:
a[href^="http"]:after {content:url(”picture.jpg”);}

Real cool, this after and before stuff. Any chance off this becoming cross-browser?
Ton

By: tom sherman

tom sherman — Wed, 26 Jan 2005 21:38:29 +0000

Thanks, Doug. For everyone else, it’s also possible to pass other parameters to the W3C CSS validator. You can see a list of them by checking out the advanced options at Jigsaw, selecting some options, and looking at the URL.

By: Douglas Clifton

Douglas Clifton — Wed, 26 Jan 2005 19:23:21 +0000

By passing the query string variable:

profile=css3

to W3C’s Jigsaw you can indeed use these attribute selectors and still have your pages validate. See my site for examples.

Thanks Tom,
-doug