將背景添加到未訪問的鏈接

我試圖將圖標添加到特定WordPress類別頁面上的所有未訪問鏈接。將背景添加到未訪問的鏈接

這是我使用的CSS代碼。我把它放在我最後一個CSS文件的底部。

.category-xyzzy .entry-title a:link { 
background-image: url("/new-star.png"); 
background-repeat: no-repeat; 
color: pink; 
} 

.category-xyzzy .entry-title a:visited { 
background: none; 
}

奇怪的是，背景圖像被添加到所有鏈接（訪問或未訪問），但粉紅色只被應用於訪問過的鏈接。

這發生在多個瀏覽器中。

事實上，只有未訪問的鏈接被塗上粉紅色似乎表明我的第一個選擇器正常工作，但我不明白爲什麼出現在相同的CSS規則和其他地方的背景圖像是適用於所有鏈接。

事實上，我只是添加了第二條規則，它與a：相匹配，作爲強制該問題的嘗試。第二個規則是否被指定會出現問題。

來源

2011-05-14 Patrick

您正在瀏覽Chrome嗎？你可能會發現它在FF中工作。但那很快就會停止。更多這裏：Google chrome a:visited background image not working

來源

2011-05-14 01:52:30 stephenmurdoch

我發現它在Firefox 4，Safari或Chrome中不起作用。 – Patrick 2011-05-15 23:18:10

看起來這個'錯誤'是故意偏離CSS規範，以防止人們檢測您訪問的網站。我真的不知道他們爲什麼不繼續允許它鏈接到服務當前頁面的同一個域，但也許有一些原因太困難。 – Patrick 2011-05-15 23:19:22

您可以添加重要您的未訪問的鏈接。

.category-xyzzy .entry-title a:visited { 
background: none !important; 
}

來源

2011-05-14 02:39:35 breezy

試過了，沒有幫助。 – Patrick 2011-05-15 23:18:24

將背景添加到未訪問的鏈接

回答

相關問題