教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

前端培訓(xùn)：鏈接偽類控制超鏈接

更新時(shí)間:2022年08月09日16時(shí)24分 來源:傳智教育 瀏覽次數(shù):

定義超鏈接時(shí)，為了提高用戶體驗(yàn)，經(jīng)常需要為超鏈接指定不同的狀態(tài)，使得超鏈接在點(diǎn)擊前、點(diǎn)擊后和鼠標(biāo)懸停時(shí)的樣式不同。在CSS中，通過鏈接偽類可以實(shí)現(xiàn)不同的鏈接狀態(tài)，下面將對鏈接偽類控制超鏈接的樣式進(jìn)行詳細(xì)地講解。

與超鏈接相關(guān)的4個(gè)偽類應(yīng)用比較廣泛，這幾個(gè)偽類定義了超鏈接的4種不同狀態(tài)，具體如表1所示。

表1 超鏈接標(biāo)簽<a>的偽類

超鏈接標(biāo)簽的偽類 描述
a:link{ CSS樣式規(guī)則; } 超鏈接的默認(rèn)樣式
a:visited{ CSS樣式規(guī)則; } 超鏈接被訪問過之后的樣式
a:hover{ CSS樣式規(guī)則; } 鼠標(biāo)經(jīng)過、懸停時(shí)超鏈接的樣式
a: active{ CSS樣式規(guī)則; } 鼠標(biāo)點(diǎn)擊不動時(shí)超鏈接的樣式

在實(shí)際工作中，通常只需要使用a:link、a:visited和a:hover定義未訪問、訪問后和鼠標(biāo)懸停時(shí)的超鏈接樣式。并且常常對a:link和a:visited應(yīng)用相同的樣式，使未訪問和訪問后的超鏈接樣式保持一致。


注意：

1、使用超鏈接的4種偽類時(shí)，對排列順序是有要求的。通常按照a:link、a:visited、a:hover和a:active的順序書寫，否則定義的樣式可能不起作用。

2、超鏈接的4種偽類狀態(tài)并非全部定義，一般只需要設(shè)置3種狀態(tài)即可，如link、hover和active。如果只設(shè)定是2種狀態(tài)，即link、hover來定義。

3、除了文本樣式之外，鏈接偽類還常常用于控制超鏈接的背景、邊框等樣式。

0 分享到：
和我們在線交談！