組合多個偽選擇器

Question

似乎在某個時間點可以組合多個偽選擇器。 例如，可以這樣做：

a:visited:hover {color: red}

通過Google的快速搜索，您可以在此處 ， 此處和此處看到有關此操作的多個示例。 我無法使用此功能在Safari，Firefox或Chrome的最新版本中使用。 誰能解釋為什么此功能被退回和/或殘障？

Answer 1

:visited偽類已不能再用於許多現代瀏覽器的大多數樣式中，因為這是一個安全漏洞。 請參閱此鏈接 ，以進行更正式的討論。

簡短的版本是，如果您可以對:visited鏈接進行不同的樣式設置，則可以使用它來確定人們是否訪問了各個站點，並因此根據他們的瀏覽器歷史來定位他們。 因此，大多數現代瀏覽器都嚴重限制了可以在其上進行的樣式設置。

您仍然可以鏈接偽選擇器。 例如， a:focus:hover僅在元素被聚焦並a:focus:hover才能很好地應用樣式。 請參閱此鏈接進行演示。