SELECTORS - CSS: Professional Techniques for Modern Layout - page 67

One great example is the insertion of hyperlink URLs into printed copies of pages (see Figure
2-25). To do this, add the following rule to your print-media style sheet:
a[href]:after { content : " [" attr(href) "]" ; font-size : smaller ;}
69
Figure 2-25: Inserting URLs in print styles.
h is counts as progressive enhancement because in browsers where it fails, the printed page
will simply show the links without the generated URLs, just as they've always done. Where it
works, the printed page is notably enhanced. (For more on this technique, see “Going To
Print” at http://alistapart.com/articles/goingtoprint .)
Support for generated content is fairly widespread, but only reached the Internet Explorer
family when IE8 came out. You can always use IE9.js (see Chapter 1) to grat support into
earlier versions of Explorer.