2011-11-06 84 views
6

似乎在一個時間點組合多個僞選擇器是可能的。例如,一個可以這樣做:結合多個僞選擇器

a:visited:hover {color: red}

快速谷歌搜索發現在行動上,hereherehere的這種多個例子。我無法使用此功能在最新版本的Safari,Firefox或Chrome中工作。任何人都可以解釋爲什麼這個功能倒退和/或殘疾?

回答

11

:visited僞類不能用於大多數現代瀏覽器中的大多數樣式,因爲它是一個安全漏洞。請參閱this link以進行更正式的討論。

簡短的說法是,如果您可以以不同方式設置:visited鏈接,則可以使用該鏈接確定人們是否訪問過各種網站,並根據瀏覽器歷史記錄來定位它們。大多數現代瀏覽器因此嚴重限制了他們可以完成的樣式。

您仍然可以鏈式僞選擇器。例如,a:focus:hover只適用於元素被聚焦和徘徊的情況下才能應用樣式。參見this link進行演示。

+1

我不認爲你可以使用多個僞選擇器。你的演示不適合我。 – corysimmons

+0

它工作正常(至少在Chrome中);點擊演示區域,按Tab鍵以聚焦鏈接,然後將其懸停以查看它變成粗體。 –