CSS3选择器之属性选择器

一、属性选择器

1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如:

//所有以名称g_开头的div的字体颜色为红色
div[name^="h_"]{
color:rted;
}

2.E[foo$="bar"]:选取属性以bar结尾的元素,如:

//所有以名称_h结尾的div的边框宽度为2px
div[name$="h_"]{
border:2px;
}

3.E[foo*="bar"]:选取属性中含有val值的元素,如:

//所有div中名称包含red的字体颜色为红色
div[name*="red"]{
color:red;
}

注:多个属性选择器并列是and关系

上一篇:CSS3 01. CSS3现状、属性选择器、伪类选择器、结构伪类、伪元素选择器、颜色、文本阴影shadow、盒子模型、私有化前缀


下一篇:CSS3新增的属性有哪些: