偽類選擇器：*** : nth - of - type（ index ）
index 同型別兄弟元素中的排名
屬性選擇器：***[ attr = val ]
attr 屬件名稱 val 屬性值
屬性選擇器：*** [ href $ = val ]
$ 表標屬性的結尾
屬性選擇器：*** [ class ^= 'tap' ]
^ 表示屬的開頭
***:first-child選擇第乙個***元素
***:nth-of-type（even）選擇序號（同型別）為偶數的***元素
***:nth-of-type（odd）選擇序號（同型別）為奇數的***元素
***:nth-child（n）選擇序號（自然排序）為n的***元素
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 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...
03 高階選擇器,屬性選擇器,偽類選擇器
使用空格表示後代選擇器。顧名思義，父元素的後代 包括兒子，孫子，重孫子 container p container item p view code 使用 表示子代選擇器。比如div p,僅僅表示的是當前div元素選中的子代 不包含孫子.元素p。container pview code 多個選擇器之...