CSS3选择器总结CSS3选择器总结
元素。1element>element div>p选择父元素为 元素。233nth-child(n)p: nth -child(2)匹配父元素中的第2个 子元素。n可以是数字、关键词或公式odd和even是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是1)nth- ast-child(n)p:nth-ast- child(2)同上,从最后一个子元素开始计数。first -childp: first-child选择属于父元素的第一个子元素的每个 元素。2last-childp: last-child选择属于其父元素最后一个子元素每个 元素。3rootroot选择文档的根元素emptyp: empty选择没有子元素的每个 元素(包括文本节点)。3后居网人人做后Page5作者:coe宝宝版权所有仿造必究www.houdunwanG.comCSS3新增选择器同辈级别选择器选择器例子例子描述elementtelementdiv+p选择紧接在 2元素。element1"element 2p u选择前面有 元素的每个≮u>元素。3tfirst-of-typep first-of-type匹配同级兄弟元素中的第一个 元素。3last-of-typep: last-of-type匹配同级兄弟元素中的最后一个 元3素only-of-typep: only-of-type匹配属于同类型中只有唯一兄弟元素的3nth-of-type(np: nth-of-type(2)匹配同类型中的第n个同级兄弟元素p3n可以是数字、关键词或公式odd和even是可用于匹配下标是奇数或偶数的子元素的关键词(第一个子元素的下标是1)e nth -- of-type( n)p: nth -last-of-type(2)同上,但是从最后一个元素开始计数。3后居网人人做后Page·6作者:coe宝宝版权所有仿造必究www.houdunwanG.comCSS3新增选择器伪类选择器选择器例子例子描述CSSlinka: ink选择所有未被访问的链接。visiteda: visited选择所有已被访问的链接。:activea: active选择活动链接。hovera: hover选择鼠标指针位于其上的链接。111focusInput: focus选择获得焦点的 Input元素。first-etterp: first -etter选择每个≮p>元素的首字母。first-linep: first-line选择每个 元素的首行。beforep: before在每个≮p>元素的内容之前插入内容。'atterp: after在每个 元素的内容之后插入內容。target# news: target选择当前活动的#ews元素2112233: root.root选择文档的根元素。后居网人人做后Page7作者:coe宝宝版权所有仿造必究www.houdunwanG.comCSS3新增选择器属性选择器先择器例子例子描述attribute[]选择带有 target属性所有元素。2attribute=valuetarget=_ blank]选择 target="bank"的所有元素。2attribute =value]tile~= flower选择 title属性包含单词" flower"的所有元素。2[attribute =value][lang =en选择lang属性值以"en"开头的所有元素。2[attribute =value]srca="htTps选择其src属性值以https开头的每个元素。attributes= value] a[srcs="pd門]选择其src属性以",pf"结尾的所有元素。attribute =value]a[src*="abc"]选择其src属性中包含"abc"子串的每个元素。3后居网人人做后Page·8作者:coe宝宝版权所有仿造必究www.houdunwanG.comCSS3新增选择器U伪类选择器选择器例子例子描述.enabledInput: enabled选择每个启用的 元素的每个元素。.selection∷ selection选择被用户选取的元素部分3后居网人人做后Page·9作者:coe宝宝版权所有仿造必究www.houdunwanG.com
