您的位置:首页 > Web前端 > CSS

CSS3选择器

2015-09-06 23:14 579 查看
## css3新增选择器 ##

一. 字符串匹配属性选择器

E[att^="val"] ie6不兼容(^表示以这个值开头的元素)

E[att$="val"] ie6不兼容($表示以这个值结尾的元素)

E[att*="val"] 表示这个值包含的字符串

E[att="val"] 表示属性直接等于这个值

二. 结构性伪类选择器

(1)匹配父级元素的第N个(要使这个属性生效,p对象必须是某个对象的子元素)(ie6.7.8 Firefox2.0 3.0不兼容)

语法:P:nth-child{color:#000000}

(2)匹配父级元素中的倒数第N个元素

语法:P:last-child(n){color:#000000};(n表示倒数的第几个)

(3)匹配同级同类中的第N个元素

语法:p:nth-of-type{};(其他元素会无视)

(4)匹配同级同类元素中的倒数第N个元素

语法:P:last-of-type{}

(5)匹配父元素中的最后一个元素

语法:P:last-child{color:#000000};

(6)匹配同级元素中的第一个元素

语法:P:first-of-type{}

(7)匹配父级元素中的唯一一个元素

语法:P:only-child{};

(8)匹配同类型院中的兄弟元素

语法:P:only-of-type{};(对其他元素无影响,声明的P元素中能有一个匹配,没有任何子元素的元素)

三. UI元素状态伪类选择器

四. 否定伪类选择器/过滤选择器

五. 目标伪类选择器

六. 通用兄弟选择器
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: