複雜選擇器 偽類選擇器

2021-10-08 06:47:22 字數 537 閱讀 3774

在錨點被啟用時,讓錨點元素應用的樣式

目標偽類的語法

:target{} 在錨點被啟用時,讓錨點元素應用的樣式

1.選擇器:first-child{}

匹配的元素是屬於其父元素的第乙個子元素(找大哥)

同時,這個大哥還需要符合選擇器的要求

2.選擇器:last-child{}

匹配的元素是屬於其父元素的最後乙個子元素(找小弟)

同時,這個小弟還需要符合選擇器的要求

3.選擇器:nth-child(n){} n從1 開始

匹配內部沒有任何元素的標籤,包括文字、空格、回車、都不能有

匹配屬於其父元素的唯一子元素

:not(selector) 符合後面選擇器要求的都不要

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

屬性選擇器 偽類選擇器 層級選擇器

漸進增強 作用範圍 從小到大 先保證最基本的功能 使用者體驗提公升 優雅降級 作用範圍 從大到小 先針對版本較高的裝置進行專案構建,保證使用者體驗的完美 犧牲一些效果,保證最基本的功能 選擇器 選擇符 id class 型別 div span 後代選擇器 偽類選擇器 偽元素選擇 屬性選擇器 e at...

css選擇器 偽類選擇器 屬性選擇器

偽類選擇器 nth of type index index 同型別兄弟元素中的排名 屬性選擇器 attr val attr 屬件名稱 val 屬性值 屬性選擇器 href val 表標屬性的結尾 屬性選擇器 class tap 表示屬的開頭 first child選擇第乙個 元素 nth of ty...