a[href]:after for print-styles

Please read my blogpost about this. http://drublic.de/blog/pseudo-classes-in-print-styles-for-references-in-links

by drublic

HTML

<base href="http://drublic.de/blog/">
<a href="pseudo-classes-in-print-styles-for-references-in-links">Pseudo-Classes in Print-Styles for References in Links</a><br>
<a href="pseudo-2">Pseudo-2</a>

CSS

a[href]:after { content: " (" attr(href) ")"; }

JavaScript

var baseURL = document.getElementsByTagName('base')[0].getAttribute('href'),
    links = document.getElementsByTagName('a');

for ( var i = 0; i < links.length; i++ ) {
    links[i].setAttribute( 'href', baseURL + links[i].getAttribute('href') );
}