前端開發 CSS中的鏈結偽類選擇器

2022-01-12 14:15:53 字數 927 閱讀 8301

鏈結偽類選擇器也是一種選擇器，它可以向某些選擇器當中新增特殊的效果。比如給鏈結新增特殊的效果。它的使用方法如下所示：

:link /#


未訪問的鏈結#/


:visited /#


已經訪問的鏈結#/


:hover /#


滑鼠移動到鏈結上 #/


:active /#


選定的鏈結#/
用了這四個關鍵字，我們就可以對鏈結的顏色進行自定義了，我們可以定義其未訪問的鏈結，已經訪問的鏈結，滑鼠移動到鏈結上，以及選定的鏈結的樣式和顏色了。

**如下所示：

doctype html


>


<


html 


lang


="en"


>


<


head


>


<


meta 


charset


="utf-8"


>


<


title


>偽鏈結選擇器


title


>


<


style


>


a:link


a:visited


a:hover


a:active:


style


>


head


>


<


body


>


<


div><


a href


="##"


>秒殺


a>


div>


body


>


html


>

CSS偽類 動態鏈結

偽類可以看做是一種特殊的類選擇符，是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 selector pseudo class 選擇符 偽類 偽類和類不同，是css已經定義好的，不能象類選擇符一樣隨意用別的名字，根據上面的語法可以解...

CSS入門 偽類 動態鏈結

偽類 動態鏈結 偽類可以看做是一種特殊的類選擇符，是能被支援css的瀏覽器自動所識別的特殊選擇符。它的最大的用處就是可以對鏈結在不同狀態下定義不同的樣式效果。1.語法 偽類的語法是在原有的語法裡加上乙個偽類 pseudo class selector pseudo class 選擇符 偽類 偽類和類...

CSS權威指南 鏈結偽類

為什麼要用a link而不是用a不僅會應用於為訪問的鏈結，還會應用到目標錨 red 即非鏈結，因為沒有它href屬性。偽類的順序很重要，link visited focus hover active p frist child 將作為某元素第乙個子元素的所有p元素設定為粗體。錯誤 是認為選擇器會選擇...