div > p 匹配div直接后代為p的元素(孫子后面的不算)
div + p 匹配div后面的鄰居為p的元素
div ~ p 匹配div后面的所有鄰居為p的元素
[class = ’box’] 匹配具有class屬性并且值等于box并且只有這個(gè)值的元素
[class ~= ’box’] 匹配具有class屬性并且值等于box的元素
[class |= ’box’] 匹配具有class屬性并且值等于box或者以box-開頭的元素
[src ^= ‘image’] 匹配具有src屬性并且值以image開頭的元素 模糊匹配
[src $= ‘png’] 匹配具有src屬性并且值以png結(jié)尾的元素 模糊匹配
[src *= ‘gi’] 匹配具有src屬性并且值里面包含gi的元素 模糊匹配
偽類選擇器
li :first - of - type{} 選中l(wèi)i是其父元素的第一個(gè)li的元素方仿,無視其他子元素
li : first - child{} 選中其父元素的第一個(gè)子元素并且是li元素固棚,不無視其他子元素
li :last - of - type{} 選中l(wèi)i是其父元素的最后一個(gè)li的元素,無視其他子元素
li : last- child{} 選中其父元素的最后一個(gè)子元素并且是li元素仙蚜,不無視其他子元素
li : only - of - type{} 選中其父元素只有一個(gè)li類型的子元素 此洲,其他子元素可以多個(gè) 但li必須只有一個(gè), 當(dāng)li有兩個(gè)以上時(shí)無法匹配
li : only - child{} 選中其父元素只有一個(gè)li的子元素,獨(dú)生子委粉,有其他子元素則無法匹配
li : nth-of-type(3){} 選中其父元素里的第三個(gè)li元素呜师,無視其他子元素
li : nth-child(3){} 選中其父元素的第三個(gè)元素且必須是li元素,不無視其他子元素
li : nth-last-of-type(2){} 其父元素倒數(shù)第二個(gè)li元素贾节,無視其他子元素
li : nth-last-chile(2){} 其父元素倒數(shù)第二個(gè)li元素汁汗,不無視其他子元素
P : first - line{} p元素里的第一行
P : first - letter{} p元素里的第一個(gè)字(可以做首字母大寫)
P :: selection{} p元素里被選中的文字
P : empty{} 為空的p元素 里面什么都不能有,空格都不能有
P : not(:first-child){} 除了最后一個(gè)子元素之外的p 取反
input : enabled{} 所有啟用的input元素
input : disabled{} 所有禁用的input元素