css偽類選擇器

2021-10-07 21:34:45 字數 1118 閱讀 7675

名稱

說明ele:not()

匹配除了誰。 ()裡面填條件,也就是選擇器。

ele:root

匹配根目錄的意思,在html裡是選 html標籤

ele:target

url錨點#,指向文件內某個具體的元素。 那麼該元素就會觸發 target

ele:first-child

匹配父元素下的第乙個子元素必須有父元素,最高層是body

ele:last-child

匹配父元素下的最後乙個子元素必須有父元素,最高層是body

ele:only-child

父元素下面的子元素,是不是僅有乙個。是的話,那就匹配

ele:nth-child(n)

匹配父元素下面的 第幾個子元素,(n) 可以計算, n是從1開始的

ele:nth-last-child(n)

匹配父元素下面最後的n位開始, 填(1) 選的是最後一位。

ele:first-child-type

匹配在父元素下面尋找 第乙個所匹配的子元素

ele:last-child-type

匹配在父元素下面尋找 最後乙個所匹配的子元素

ele:only-child-type

匹配在父元素下面尋找 唯一乙個所匹配的子元素

ele:nth-child-type(n)

匹配在父元素下面尋找第n乙個所匹配的子元素

ele:nth-last-child-type(n)

匹配在父元素下面尋找最後n乙個所匹配的子元素

ele:empty

匹配裡面沒有任何東西的元素

elechecked

匹配使用者介面上處於選中狀態的元素e。(用於input type為radio與checkbox時)

ele:enabled

匹配input的 正常狀態, 沒設定disabled 屬性的 input 就是正常狀態

ele:disabled

匹配input的 禁用狀態, 設定disabled 屬性的 input 就是 禁用狀態

ele:read-only

匹配設定了readonly的input

ele:read-write

匹配沒有設定readonly的input

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偽類選擇器

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