RedLine Magazine : 印刷用cssのリンクを属性セレクタで活用する

印刷用cssのリンクを属性セレクタで活用する 印刷用のスタイルシートを適応させる際にリンク部分に:afterとcontentプロパティを使って指定しているaタグのリンク先urlを表示させるTipsはいろんなサイトでよく見かける通り。 例えばこういう感じ。 リンクテキストの後ろにurlが（）で括られて記載されることになる。 a:link:after, a:visited:after{ content: " (" attr(href) ") "; } (但しIEは未対応･･･バカッ) その際、外部サイトなんかへのリンクは当然http～始まるurlが記載されることになり、意味ある内容になる。 しかしながら、内部のリンクに相対パスを利用してコーディングしている場合は同じ方法のままだと「hoge.html」だとか「../hoge/hoge.html」だとか「これじゃ意味ないぞ」という書き出しになる。