CSS3新增選擇器
屬性選擇器
E[attr]只使用屬性名鲜结,但沒(méi)有確定任何屬性值
E[type="text"]指定屬性名遇汞,并指定了該屬性的屬性值
E[attr~="value"]指定屬性名熊楼,并且具有屬性值通惫,此屬性值是一個(gè)詞列表叉瘩,并且以空格隔開(kāi)教硫,其中詞列表中包含了一個(gè)value詞逻卖,而且等號(hào)前面的“?”不能不寫
E[attr^="value"]指定了屬性名宋列,并且有屬性值,屬性值是以value開(kāi)頭的
E[attr$="value"]指定了屬性名评也,并且有屬性值炼杖,而且屬性值是以value結(jié)束的
E[attr="value"]指定了屬性名,并且有屬性值盗迟,而且屬值中包含了value
結(jié)構(gòu)性偽類選擇器
E:nth-child(n) 表示E父元素中的第n個(gè)字節(jié)點(diǎn)
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個(gè)字節(jié)點(diǎn)坤邪,從后向前計(jì)算
E:nth-of-type(n) 表示E父元素中的第n個(gè)字節(jié)點(diǎn),且類型為E
E:nth-last-of-type(n)表示E父元素中的第n個(gè)字節(jié)點(diǎn)罚缕,且類型為E,從后向前計(jì)算
E:empty 表示E元素中沒(méi)有子節(jié)點(diǎn)艇纺。注意:子節(jié)點(diǎn)包含文本節(jié)點(diǎn)
E:first-child 表示E元素中的第一個(gè)子節(jié)點(diǎn)==nth-child(1)
E:last-child 表示E元素中的最后一個(gè)子節(jié)點(diǎn)
E:first-of-type 表示E父元素中的第一個(gè)子節(jié)點(diǎn)且節(jié)點(diǎn)類型是E的
E:last-of-type 表示E父元素中的最后一個(gè)子節(jié)點(diǎn)且節(jié)點(diǎn)類型是E的
E:only-child表示E元素中只有一個(gè)子節(jié)點(diǎn)。注意:子節(jié)點(diǎn)不包含文本節(jié)點(diǎn)
E:only-of-type 表示E的父元素中只有一個(gè)子節(jié)點(diǎn)邮弹,且這個(gè)唯一的子節(jié)點(diǎn)的類型必須是E黔衡。注意:子節(jié)點(diǎn)不包含文本節(jié)點(diǎn)
偽類選擇器
E:target 表示當(dāng)前的URL片段的元素類型,這個(gè)元素必須是E
E:disabled 表示不可點(diǎn)擊的表單控件
E:enabled 表示可點(diǎn)擊的表單控件
E:checked 表示已選中的checkbox或radio
偽元素選擇器
E::first-line 表示E元素中的第一行
E::first-letter 表示E元素中的第一個(gè)字符
E::selection表示E元素在用戶選中文字時(shí)
E::before 生成內(nèi)容在E元素前
E::after 生成內(nèi)容在E元素后
E::not(s) 表示E元素不被匹配
E~F表示E元素毗鄰的F元素
Content 屬性