html中a標簽的4個偽類樣式


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

  之前在使用的時候一直是按照自認為的順序中去寫的,就是 L H V A的排序方式,然而有些時候卻發現並不起作用了,查找了一些資料,也上網查找了一下,也有很多人在問及這個問題,如果是按照這種順序排序,有時候顯示正確,而有時候卻顯示不正確,追究原因,這個可能是由於瀏覽器的識別先后問題所導致的,也額能有緩存的原因在里面個人覺得,而最正確的寫法應該是 L V H A ,舉個例子:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>song博客園</title>
 6     <style type="text/css">
 7     a:link{
 8         color:red;
 9         text-decoration: none; 
10     }
11     a:visited{
12         color:green;
13         text-decoration: underline; 
14     }
15     a:hover{
16         color:yellow;
17         text-decoration: none; 
18     }
19     a:actived{
20         color:red;
21         text-decoration: none; 
22     }
23     </style>
24 </head>
25 <body>
26     <a href="https://www.cnblogs.com/songtianfa">song博客園</a>
27 </body>
28 </html>

  所有的連接,如果需要用用到這四個偽類的話,無論是哪一種情況,只要按照這個順序排列就絕對不會出錯了。

  重申一遍正確的順序是:L,V,H,A

  不過一般情況下,在偽類之中最常用的就是 a:hover這個屬性


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM