一、簡單偽類選擇器
:not(selector) 選擇除了某個選擇器之外的所有元素
:first或first() 選擇某元素的第乙個元素(非子元素)
:last或last() 選擇某元素的最後乙個元素(非子元素)
:odd 選擇某元素的索引值為奇數的元素
:even 選擇某元素的索引值為偶數的元素
:eq(index) 選擇給定索引值的元素,索引值index是乙個整數,從0開始
:it(index) 選擇所有小於索引值的元素,索引值index是乙個整數,從0開始
:gt(index) 選擇所有大於索引值的元素,索引值index是乙個整數,從0開始
:header 選擇h1~h6的標題元素
:animated 選擇所有正在執行動畫效果的元素
:root 選擇頁面的根元素
:target 選擇當前活動的目標元素(錨點)
二、子元素偽類選擇器
:first-child 選擇父元素的第乙個子元素
:last-child 選擇父元素的最後1個子元素
:nth-child(n) 選擇父元素下的第n個元素或奇偶元素,n的值為「整數|odd|even"
:only-child 選擇父元素中唯一的子元素(該父元素只有乙個子元素)
:first-of-type 選擇同元素型別的第1個同級兄弟元素
:last-of-type 選擇同元素型別的最後1個同級兄弟元素
:nth-of-type 選擇同元素型別的第n個同級兄弟元素,n的值可以是「整數|odd|even"
:only-of-type 匹配父元素中特定型別的唯一子元素(但是父元素可以有多個子元素)
三、可見性偽類選擇器
:hidden 選取所有不可見元素
:visible 選取所有可見元素,與:hidden相反
四、內容偽類選擇器
:contains(text) 選擇包含給定文字內容的元素
:has(selector) 選擇含有選擇器所匹配元素的元素
:empty 選擇所有不包含子元素或者不包含文字的元素
:parent 選擇含有子元素或者文字的元素(跟:empty相反)
五、表單偽類選擇器
:input 選擇所有input元素
:button 選擇所有普通按鈕,即type="button"的input元素
:submit 選擇所有提交按鈕,即type="submit「的input元素
:reset 選擇所有重置按鈕,即type="rest"的input元素
:text 選擇所有單行文字框
:textarea 選擇所有多行文字框
:password 選擇所有密碼文字框
:radio 選擇所有單選按鈕
:checkbox 選擇所有核取方塊
:image 選擇所有影象域
:hidden 選擇所有隱藏域
:file 選擇所有檔案域
六、表單屬性偽類選擇器
:checked 選擇所有被選中的表單元素,一般用於radio和checkbox
option:selected 選擇所有被選中的option元素
:enabled 選擇所有可用元素,一般用於input、select和textarea
:disabled 選擇所有不可用元素,一般用於input、select和textarea
:read-only 選擇所有唯讀元素,一般用於input和textarea
:focus 選擇獲得焦點的元素,常用於input和textarea
JQuery 偽類選擇器
ul li one li li two li li three li ul 所有的偽類選擇器,都將圍繞上面的html 第乙個節點 ul li first child one 最後乙個節點 ul li last child three 第二個節點 通過索引。ul li eq 1 two 通過節點數。u...
屬性選擇器,偽類選擇器,偽元素選擇器
屬性選擇器 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 ...
偽類選擇器
作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...