CSS3新增選擇器
屬性選擇器
E[attr]只使用屬性名,但沒有確定任何屬性值
E[type="text"]指定屬性名,并指定了該屬性的屬性值
E[attr~="value"]指定屬性名,并且具有屬性值,此屬性值是一個詞列表,并且以空格隔開,其中詞列表中包含了一個value詞,而且等號前面的“?”不能不寫
E[attr^="value"]指定了屬性名,并且有屬性值,屬性值是以value開頭的
E[attr$="value"]指定了屬性名,并且有屬性值,而且屬性值是以value結束的
E[attr="value"]指定了屬性名,并且有屬性值,而且屬值中包含了value
結構性偽類選擇器
E:nth-child(n) 表示E父元素中的第n個字節(jié)點
p:nth-child(odd){background:red}/匹配奇數(shù)行/
p:nth-child(even){background:red}/匹配偶數(shù)行*/
p:nth-child(2n){background:red}
E:nth-last-child(n) 表示E父元素中的第n個字節(jié)點,從后向前計算
E:nth-of-type(n) 表示E父元素中的第n個字節(jié)點,且類型為E
E:nth-last-of-type(n)表示E父元素中的第n個字節(jié)點,且類型為E,從后向前計算
E:empty 表示E元素中沒有子節(jié)點。注意:子節(jié)點包含文本節(jié)點
E:first-child 表示E元素中的第一個子節(jié)點==nth-child(1)
E:last-child 表示E元素中的最后一個子節(jié)點
E:first-of-type 表示E父元素中的第一個子節(jié)點且節(jié)點類型是E的
E:last-of-type 表示E父元素中的最后一個子節(jié)點且節(jié)點類型是E的
E:only-child表示E元素中只有一個子節(jié)點。注意:子節(jié)點不包含文本節(jié)點
E:only-of-type 表示E的父元素中只有一個子節(jié)點,且這個唯一的子節(jié)點的類型必須是E。注意:子節(jié)點不包含文本節(jié)點
偽類選擇器
E:target 表示當前的URL片段的元素類型,這個元素必須是E
E:disabled 表示不可點擊的表單控件
E:enabled 表示可點擊的表單控件
E:checked 表示已選中的checkbox或radio
偽元素選擇器
E::first-line 表示E元素中的第一行
E::first-letter 表示E元素中的第一個字符
E::selection表示E元素在用戶選中文字時
E::before 生成內容在E元素前
E::after 生成內容在E元素后
E::not(s) 表示E元素不被匹配
E~F表示E元素毗鄰的F元素
Content 屬性