文章

CSS 的前前後後

CSS有兩個pseudo class可以讓你為你的內容加鹽加醋,就是 :before 和 :after,例如你可以用:

.error:after { content:" !! " }

來將所以套上error這個class的element後面都加兩個感嘆號。

這文章 提出了一個很實用的方案,就是在Print Style sheet上加上:

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

這樣在文中的hyperlink,在print出來時就會連網址也印出來了,而不是沒有意義的底線。可惜的是,當然又是MSIE不支持這個Pseudo class了。所以作者提供了一個用Javascript去代替的方法,就是在網頁onload之後,就initialize所有有關的element。

發覺越來越來東西要window.onload了……

Related Link: Print HREFs on Links for Print StyleSheet

*