css偽類選擇器

2022-02-24 03:13:31 字數 676 閱讀 5146

link:為沒有訪問過的鏈結設定乙個顏色為紅色需要用到偽類選擇器a:link{}。link普通鏈結的意思。

visited:為訪問過的鏈結設定乙個顏色為紅色需要用a:visited{}。visited表示訪問過的鏈結。因為隱私問題在大多瀏覽器裡面只能設定顏色。

如下所示:

我是乙個超連結

我是乙個超連結

訪問過的鏈結會顯示紅色沒有訪問過的則為綠色。

hover表示滑鼠移入鏈結時,鏈結所表示的狀態!

如下所示:

我是乙個超連結

我是乙個超連結

滑鼠放第乙個上去鏈結,鏈結就成藍色!

active表示鏈結被點選的狀態

如下所示

我是乙個超連結

我是乙個超連結

滑鼠點選到第乙個鏈結上面,鏈結就會變成黑色。

focus獲取焦點以後,修改背景顏色為黃色

如下所示

我是乙個超連結

我是乙個超連結

::selection為p標籤中選中的內容使用樣式

如下所示

我是乙個超連結

我是乙個超連結

為p標籤中選中的內容使用樣式

被選中的p標籤背景顏色為黃色

CSS偽類選擇器

原來學習過css偽類選擇器,前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下 css偽類選擇器是用於向某些元素新增特定的效果。錨偽類 包括四種狀態,活動狀態,未被訪問狀態,已被訪問狀態,懸停效果。example a link a visited a hover a active fist ...

css偽類選擇器

link 設定超連結的預設樣式 例如 a a link 不推薦使用 有相容性 one link 不推薦使用 有相容性 visited 設定標籤被訪問過後的樣式 例如 a visited 注意 該偽類選擇器一般不會大量使用,因為瀏覽器存在快取問題。只能設定與顏色相關的屬性 hover 設定滑鼠懸停到標...

css偽類選擇器

名稱 說明ele not 匹配除了誰。裡面填條件,也就是選擇器。ele root 匹配根目錄的意思,在html裡是選 html標籤 ele target url錨點 指向文件內某個具體的元素。那麼該元素就會觸發 target ele first child 匹配父元素下的第乙個子元素必須有父元素,最...