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