CSS偽類選擇器(結構偽類)

2021-08-10 17:17:27 字數 693 閱讀 5328

/*結構選擇器:獲去當前元素的第乙個子元素*/

li:first-child

/*結構選擇器:獲去當前元素的最後乙個子元素*/

li:last-child

/*結構選擇器:選擇某個元素的乙個或者多個特定的子元素*/

li:nth-child(3)

/*結構選擇器:選擇某個元素的乙個或者多個特定的子元素;從這個元素的最後乙個子元素開始獲取*/

li:nth-last-child(2)

/*結構選擇器:選擇特定的元素*/

li:nth-of-type(2)

/*結構選擇器:選擇特定的元素;從這個元素的最後乙個元素開始獲取*/

li:nth-last-of-type(2)

/*結構選擇器:選擇乙個上級元素下的第乙個同類子元素*/

li:first-of-type

/*結構選擇器:選擇乙個上級元素下的最後乙個同類子元素*/

li:last-of-type

/*結構選擇器:選擇的元素是他父元素的唯一乙個元素*/

li:only-child

/*結構選擇器:選擇的元素是他上級元素的唯一乙個相同型別的子元素*/

li:only-of-type

/*結構選擇器:現在的元素裡面沒有任何的內容*/

li:empty

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