a:link,a:visited,a:hover,a:active 分別是什麼意思?


link:鏈接日常的狀態 active:鏈接被按下的時候 visited:鏈接被訪問過以後 hover:鼠標放到鏈接上的時候

具體一點就是: 瀏覽器

:hover版本:CSS1/CSS2  兼容性:IE4+ NS4+
語法:
Selector : hover { sRules }
說明:
設置對象在其鼠標懸停時的樣式表屬性。
在CSS1中此僞類僅可用於a對象。且對於無href屬性(特性)的a對象,此僞類不發生做用。在CSS2中此僞類能夠應用於任何對象。
目前IE5.5+僅支持CSS1中的:hover。

:active版本:CSS1/CSS2  兼容性:IE4+
語法:
Selector : active { sRules }
說明:
設置對象在被用戶激活(在鼠標點擊與釋放之間發生的事件)時的樣式表屬性。
在CSS1中此僞類僅可用於a對象。且對於無href屬性(特性)的a對象,此僞類不發生做用。在CSS2中此僞類能夠應用於任何對象。而且:active狀態能夠和:link以及:visited狀態同時發生。
目前IE5.5+僅支持CSS1中的:active。

:link版本:CSS1  兼容性:IE4+ NS4+
語法:
Selector : link { sRules }
說明:
設置a對象在未被訪問前的樣式表屬性。
IE3將:link僞類的樣式表屬性做用於visited僞類。
默認值由瀏覽器決定。
對於無href屬性(特性)的a對象,此僞類不發生做用。

:visited版本:CSS1  兼容性:IE4+ NS4+
語法:
Selector : visited { sRules }
說明:
設置a對象在其連接地址已被訪問過期的樣式表屬性。
IE3將:link僞類的樣式表屬性做用於visited僞類。
默認值由瀏覽器決定。定義網頁過時時間或用戶清空歷史記錄將影響此僞類的做用。
對於無href屬性(特性)的a對象,此僞類不發生做用。
spa

 

 

 

 

 

 

在 body{ } 選擇器下輸入如下代碼:指針

a:link, a:visited{
text-decoration: underline;
color: #336699;
}
code

 

 

  • 這些代碼是幹嘛用的?給你全部的連接都加上下劃線的(text-decoration: underline;)和上了藍色(color: #336699;)。這是不一樣色調的藍色,可是它確實是藍色由於最後兩個數字(表明藍色)是最高值的數字。orm

  • a:link 用於樣式化連接。當你想把一個詞轉變爲連接的時候,用什麼實現呢?使用 <a> 和 </a> 這對標籤,所以樣式化連接就是樣式化 a:link對象

  • a:visited 用於樣式化已經訪問過的連接。事件

  • 另一種輸入方式:
    a:link{
    text-decoration: underline;
    color: #336699;
    }
    it

    io

    a:visited{
    text-decoration: underline;
    color: #336699;
    }
    兼容性

  • 當給a:link 和 a:visited這兩個選擇器應用 text-decoration: underline; 和 color: #336699; 這兩個屬性的時候。可使用逗號來區分。

第2步:

在 a:link, a:visited{ } 下輸入如下代碼:

a:hover{
text-decoration: none;
}

這些代碼是幹嘛用的呀? 你當你把指針移到連接上面時候下劃線消失。

若是你不想在默認狀況下有下劃線而是在當你把指針移到連接上面的時候出現下劃線,那麼就在 a:link 和a:hover 之間交換下 text-decoration: 的值。

若是你想更改你連接懸停時的顏色,那麼就增長 color: 和任何你想要的十六進制代碼,如:

a:hover{
text-decoration: none;
color: #ff0000;}

相關文章
相關標籤/搜索