首頁 > web前端 > css教學 > 為什麼我的 :visited CSS 樣式在現代瀏覽器中不起作用?

為什麼我的 :visited CSS 樣式在現代瀏覽器中不起作用?

Patricia Arquette
發布: 2024-12-02 00:12:12
原創
426 人瀏覽過

Why Doesn't My :visited CSS Style Work in Modern Browsers?

為什麼 :visited CSS 樣式不作用?

在最近阻止CSS 漏洞的嘗試中,已啟用了一項安全功能在Firefox 4、Internet Explorer 9 和Chrome 等現代瀏覽器中實現,這限制了:visited 偽類的功能。這解釋了為什麼問題中提供的程式碼片段無法按預期工作。

在程式碼中,定義了一條規則來更改連結被存取時的外觀,將字體粗細設定為正常,並將顏色變為黑色。但是,如果在 Internet Explorer 或 Chrome 中開啟此程式碼,即使造訪後連結仍保持粗體。

由於更改存取連結的字體粗細可能會影響元素的寬度,因此會出現安全問題。因此,儘管瀏覽器限制了更改存取連結的字體粗細的能力,但它們也實施了額外的保護措施,以防止規避此安全措施。

這些保護措施包括:

  • 視窗.getComputedStyle() 和類似函數回傳值,指示連結尚未被存取。
  • 使用同級選擇器的相鄰元素(例如::visited span)將被設計為連結未被存取。
  • 在涉及嵌套連結元素的特定場景中,匹配的元素可能會被渲染為連結未被存取。

由於這些安全功能,目前沒有可行的解決方法來解決此問題。 :visited 偽類在大多數現代瀏覽器中都受到有效限制,以防止潛在的漏洞。

以上是為什麼我的 :visited CSS 樣式在現代瀏覽器中不起作用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板