首頁  >  文章  >  web前端  >  css a hover 不變色怎麼辦

css a hover 不變色怎麼辦

藏色散人
藏色散人原創
2021-01-05 10:15:063991瀏覽

css a hover不變色是因為選擇器的順序寫錯了,其解決方法:首先打開對應的css檔案;然後將hover寫在link和visited之後以及active之前即可。

css a hover 不變色怎麼辦

本教學操作環境:windows7系統、HTML5&&CSS3版本,Dell G3電腦。

相關推薦:《css影片教學

css中a標籤hover不變色怎麼辦?

css中a標籤hover不變色是因為選擇器的順序寫錯了,將hover寫在link和visited之後、active之前即可。

hover CSS偽類別適用於使用者使用指示裝置虛指一個元素(沒有啟動它)的情況。這個樣式會被任何與連結相關的偽類重寫,像:link, :visited, 和 :active 等。

為了確保生效,:hover 規則需要放在:link 和:visited 規則之後,但是在:active 規則之前,按照 LVHA 的循順序聲明:link -:visited -:hover -:active。

<style>
    a:link{
        color: red;
    }
    a:visited{
        color: pink;
    }
    a:hover{
        color: blue;
    }
    a:active{
        color: skyblue;
    }
</style>
<a href="#">http://www.php.cn</a>

以上是css a hover 不變色怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn