HTML元素中可以设置众多属性，设计师可以使用属性选择器来判断某些属性是否存在或者通过属性的值来选取HTML元素，属性选择器的语法关键词是一对中括号[]，例如，如下的属性选择器CSS设置代码。

[title]{
  color:red;    /*页面中所有包含title属性的元素的文字颜色设置为红色*/
}

a[href][title]{
  color:red;    /*页面中所有同时包含href和title属性的元素的文字颜色设置为红色*/
}

通过以上两段CSS样式代码可以发现，属性选择器可以进行链式调用，从而缩小选择范围。

上面这个例子是根据属性是否存在来进行选择，只需要在[]中填写属性名称即可，我们还可以通过为属性赋值来选取失拥有特定属性值的元素，例如，如下的属性选择器CSS设置代码。

a[href="http://www.baidu.com"][title="百度"]{
  color:red;
}

这样只有href属性值为http://www.baidu.com同时title属性值为“百度”的超链接文字才会被设置为红色。

在应用属性选择器时可以使用通配符来进行模糊匹配，例如：

a[href^="http"]     /*选择页面中src属性值以http开头的所有<a>标签元素*/

a[href$=".pdf"]     /*选择页面中src属性值以.pdf结尾的所有<a>标签元素*/

a[href*="abc"]      /*选择页面中src属性值中包含abc字符串的所有<a>标签元素*/