a標籤4個偽類的順序排列

2022-06-13 11:54:06 字數 1112 閱讀 1554

與a標籤有關的常用偽類包括4個,分別為:link、:visited、:hover、:active。在設定a標籤的css樣式時,需要設定的順序為love hate(:link、:visited、:hover、:active)。

原因:瀏覽器的就近原則,舉個例子:

我定義的順序是a:visited、a:hover、a:link,這時候就會發現,不管我有沒有hover上去,樣式都是link的樣式的,這是因為滑鼠經過的未訪問鏈結同時擁有a:link、a:hover兩種屬性,在第一種情況下,a:link離它最近,所以它優先滿足a:link,而放棄a:hover的重複定義。 

所以,如果乙個鏈結沒有被訪問過,那麼它有可能同時擁有 link , hover 兩個屬性,不能讓 link 寫在後面,否則不管 hover 是否,都會顯示link的樣式;同樣的道理,如果乙個鏈結已經被訪問過了,那麼它有可能同時擁有visited , hover 兩個屬性,hover 要在 visited 的後面;

如果把hover放在active後面,那麼實際你在啟用(active)鏈結的時候就觸發了hover偽類,hover在後面覆蓋了active的顏色,所以始終無法看到active的顏色 。

其實 link visited 這兩個偽類,並不需要順序關係。(他們兩的位置可以交換)

所以,我們總結出,要想讓乙個鏈結各個階段都正常呈現樣式,正確的順序是 lvha ;

另外 :link 和 a的樣式有可能會衝突

#test

#test:link

sss

總結:當 標籤的href 屬性為空的時候,:link樣式不會生效,所以正常的  color : yellow 會生效;當 標籤的 href 屬性不為空的時候,:link 樣式才會生效,這時候,如果 標籤正常樣式 和 a:link 衝突了的話,以寫在後面的那個為準;

參考:

k means聚類後按標籤大小順序排列標籤

為上面的學生分數,聚類成優 良 中 差 四類 主要是聚類後,怎麼把標籤對應到原始資料中去,這裡我們採用掩碼的方式 from sklearn.cluster import kmeans import pandas as pd data pd.read csv kmeanstest.csv sep pr...

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

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

標籤偽類的書寫順序為什麼是lvha

a標籤偽類的作用 link a標籤還未被訪問的狀態 visited a標籤已被訪問過的狀態 hover 滑鼠懸停在a標籤上的狀態 active a標籤被滑鼠按著時的狀態 寫樣式時,為毛要按這個順序寫 其實本質還是 同等優先權的樣式,寫在後邊的會覆蓋前邊 a標籤的偽類只不過是又結合了不同的動作順序,動...