html中a標籤的4個僞類樣式

時間 2019-12-08

標籤 html 標籤樣式欄目 HTML 简体版

原文原文鏈接

　　在CSS超連接的屬性中，有四個鏈接方式:a:link a:hover a:visited a:acticvecss

　　以前在使用的時候一直是按照自認爲的順序中去寫的，就是 L H V A的排序方式，然而有些時候卻發現並不起做用了，查找了一些資料，也上網查找了一下，也有不少人在問及這個問題，若是是按照這種順序排序，有時候顯示正確，而有時候卻顯示不正確，追究緣由，這個多是因爲瀏覽器的識別前後問題所致使的，也額能有緩存的緣由在裏面我的以爲，而最正確的寫法應該是 L V H A ，舉個例子：html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    a:link{
        color:red;
        text-decoration: none; 
        }
     a:visited{
        color:green;
         text-decoration: underline; 
    }
     a:hover{
        color:blue;
        text-decoration: none; 
      }
     a:active{
        color:red;
        text-decoration: none; 
    }
    </style>
</head>
<body>
    <a href="https://www.cnblogs.com/songtianfa/">我的博客</a>
</body>
</html>