HTML錨點和CSS：僅選擇一些URL以在@media中顯示print

在我的打印樣式表中，我希望URL在大多數鏈接之後顯示。所以，我有：HTML錨點和CSS：僅選擇一些URL以在@media中顯示print

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

對於那些我不希望網址的鏈接，我有：

a.ignore:after { display: none; }

，然後我用

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

這工作得很好。對於頁面內的導航，我有一些錨，我不知道如何取消URL。目前，Safari 5.1和Chrome 16均打印出O（可能爲零）。我發現我可以壓制URL，如果我在錨中有ID和CLASS：

<a id="top_of_page" class="ignore" ></a>

但是這樣可以嗎？雖然它的工作，似乎是錯誤的...

2012-01-03 RPW

我不明白這個問題。請給我們一些你未能打印的鏈接的相關標記。 – 2012-01-03 21:04:06

對不起，我不清楚：鏈接被壓制，但我擔心在錨中使用ID和CLASS（最後一行代碼）。 – RPW 2012-01-03 21:27:05

你肯定可以有一個類和一個錨點標籤上的ID沒有任何問題。

2012-01-03 23:32:01 PriorityMark

或關於*任何*元素。只要確保不要每次重新聲明一次。 – BoltClock 2012-01-04 00:54:10

你可能想用這個CSS：

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

這將不屬於鏈接錨解決您的問題，同時也防止JavaScript鏈接無法顯示其內容，以及一切看起來你需要。

2012-01-04 00:55:53

回答