点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

大家好！我是/小郑搞码事/的小郑

今天和大家聊一下，CSS中属性选择器都有哪些，大家可以借此加深对选择器的印象。

关于属性选择器，大概有下面这七种。我们逐个来看一下。

E[attr]

匹配有属性attr的元素。

比如：a[href]{}

E[attr=val]

attr属性值等于val。

比如：span[class="error"]{}

E[attr ~= val]

attr属性值有多个空格分开的值，其中有一个值等于val。

比如：a[title~='db']{}

E[attr^=val]

attr属性值以val开头

比如：a[class^="icon-"]{}

E[attr$=val]

attr属性值以val结尾

比如：a[href$=".html"]{}

E[attr*=val]

attr属性值含有val

比如：a[href*="?"]{}

E[attr|=val]

attr属性值由一系列用连字符连拉而且必须是以val开头。

比如：

<p lang="en-gb"></p>

p[lang|="en"]{}