HTMLアンカーとCSS：@media printで表示するURLをいくつか選択してください

Question

私の印刷スタイルシートでは、ほとんどのリンクの後にURLを表示します。だから、私が持っている：

a.ignore:after { display: none; } 

をして、私はこれがうまく動作

<a class="ignore" href="http://example.com">don't show the url</a> 

を使用します。私はURLを望んでいないのリンクについて

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

を、私は持っています。ページ内のナビゲーションでは、いくつかのアンカーがあり、URLを抑制する方法がわかりません。今は、Safari 5.1とChrome 16の両方がO（ゼロかもしれない）を表示します。アンカーにIDとクラスの両方がある場合、URLを抑制できることがわかりました。

これはOKですか？それが動作している間、それは間違っているようです...

Answer 1

あなたは間違いなくアンカータグにクラスとIDの両方を問題なく持ちます。

Answer 2

あなたはこのCSSを使用することがあります：

a[href]:after { content: " (" attr(href) ") ";} 
a[href^='javascript:']:after, a.ignore:after { content: ""; } 

これは、それがどのように見えるのリンクではありませんアンカーを使用して問題を解決し、またその内容を示すからJavaScriptのリンクを防ぐだけでなく、他のすべてになりますあなたが必要です。