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关系

巴特西