属性选择器

这些选择器允许基于一个元素自身是否存在（例如 href ）或者基于各式不同的按属性值的匹配，来选取元素。

p[class~="special"]

匹配带有一个名为 attr 的属性的元素，其值正为 value ，或者匹配带有一个 attr 属性的元素，其值有一个或者更多，至少有一个和 value 匹配。

注意，在一列中的好几个值，是用空格隔开的。

[ attr |= value ] div[lang|="zh"] 匹配带有一个名为 attr 的属性的元素，其值可正为 value ，或者开始为 value ，后面紧随着一个连字符。

下面的示例中，你可以看到这些选择器是怎样使用的。

使用 li[class] ，我们就能匹配任何有 class 属性的选择器。这匹配了除了第一项以外的所有项。

li[class="a"] 匹配带有一个 a 类的选择器，不过不会选中一部分值为 a 而另一部分是另一个用空格隔开的值的类，它选中了第二项。

li[class~="a"] 会匹配一个 a 类，不过也可以匹配一列用空格分开、包含 a 类的值，它选中了第二和第三项。