【CSS】属性选择器

[属性名]

选择含有指定属性的元素。如：

p[title]{
    color: red;
}

选中所有有title属性的p元素。

[属性名=属性值]

选择含有指定属性和属性值的元素。如：

p[title=abc]{
    color: red;
}

选中所有title值为abc的p元素。

[属性名^=属性值]

选择属性值以指定值开头的元素。如：

p[title^=abc]{
    color: red;
}

选中所有title值为abc开头的p元素，如title值为abc、abcde等。

[属性名$=属性值]

选择属性值以指定值结尾的元素。如：

p[title$=abc]{
    color: red;
}

选中所有title值为abc结尾的p元素，如title值为abc、testabc等。

[属性名*=属性值]

选择属性值中含有某值的元素。如：

p[title*=abc]{
    color: red;
}

选中所有title值包含abc的p元素，如title值为abc、testabc、testabctest等。