關於超連結a的四個偽類的順序問題

2021-10-06 15:38:05 字數 516 閱讀 4612

a的四個偽類

link:代表開啟頁面超連結的原始狀態

visited:鏈結被訪問過後的狀態

hover:滑鼠懸停在超連結上的狀態

active:當滑鼠被按下去的狀態

**及解釋如圖所示:

四個偽類的順序很重要,按照css規則,同乙個元素的選擇器,後面的樣式覆蓋前面的,link和visited的順序可以隨意一點。 但也要在前面。

visited要放在hover前面,如果hover在visited的前面,並且visited已經被訪問過,則當滑鼠再次懸停的時候, visited的顏色會覆蓋hover的顏色,不能看到顏色變化,同理,active也應該放到visited後面

再看hover和active,觸發active前會先觸發hover,如果active在前,不管如何,hover的顏色會覆蓋active的顏色

所以正確的順序應該是**中的那樣。

CSS定義超連結四個狀態的正確順序L V H

css定義超連結程式設計客棧是要有先後順序的。否則,在某些瀏覽器裡面有可能會出現某個樣式不起www.cppcns.com作用的bug。不能正確顯示想要的效果。css屬性的排列順序 l v h a l v h a是link visited hover active的簡寫。它們分別表示 a link 超...

基礎篇 a標籤的四偽類順序

很早之前順著w3c學,那會兒還不懂知識積累,只是喜歡啥學啥,現在有了部落格,卻發現很多積累的知識都忘掉了,所以再做一遍積累。這篇是a標籤的四種偽類的順序,很常用。a標籤偽類的作用 link a標籤還未被訪問的狀態 visited a標籤已被訪問過的狀態 hover 滑鼠懸停在a標籤上的狀態 acti...

htm 四 關於超連結和表單的簡單介紹

超連結部分 1.aaa 基本連線 2.aaa 設定連線網頁的開啟方式 當屬性target取值為 self時在當前頁面開啟鏈結,取值為 blank時在新視窗中開啟 3.公司簡介 建立錨點 錨點鏈結 表單部分 1.建立表單 是表單的標籤,action屬性中的屬性值是頁面要跳轉的位址,name是表單的名字...