CSS偽類選擇器

2021-07-31 17:30:45 字數 1019 閱讀 5106

原來學習過css偽類選擇器,前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下

css偽類選擇器是用於向某些元素新增特定的效果。

錨偽類:

包括四種狀態,活動狀態,未被訪問狀態,已被訪問狀態,懸停效果。

example:

a:link 		

a:visited

a:hover

a:active

fist-chlid偽類

選擇元素的第乙個子元素。

example:

第乙個顏色變紅。

some text

some text

所有的第乙個加粗。

some text. some text.

some text. some text.

第乙個子元素下的所有

some text. some text.

some text. some text.

first-letter偽元素

向文字首字母新增樣式。

p:first-letter

:before,:after類

在元素的前面之後新增內容;

example:

h1:before

原來學習過css偽類選擇器,前幾天寫css發現自己並不熟悉了。這兩天把它撿起來複習一下

css偽類選擇器是用於向某些元素新增特定的效果。

錨偽類:

包括四種狀態,活動狀態,未被訪問狀態,已被訪問狀態,懸停效果。

example:

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 匹配父元素下的第乙個子元素必須有父元素,最...

CSS偽類選擇器

偽類,用來專門表示元素的一種特殊的狀態。比如 訪問過的超連結,普通的超連結,獲取焦點的文字框。當我們需要為處在這些特殊狀態的元素設定樣式時,就可以使用偽類。常用的偽類有以下幾個 a link 設定未訪問的鏈結樣式 a visited 設定已訪問的鏈結樣式 a hover 設定滑鼠移動到鏈結上樣式 a...