关于属性选择器

通常我们可以将具有某一属性的元素设置为同一个样式，属性选择器该如何使用呢？属性选择器中属性放[]综括号里。

具体如下：

页面中有很多的input元素，但是type类型不同，如果想给同一种类型的input元素设置相同的格式该如何设置：可以使用属性选择器。

单选框的属性选择器为input[type=radio]

多选框的属性选择器为input[type=checkbox]

其他类型的属性选择器为input:not([type=radio]):not([type=checkbox])

我们可以给具有title属性的所有元素一个红色，给具有href属性的a元素蓝色，给既有href属性，又有title属性的元素一个橘色，给具有alt属性的图片蓝色背景，黄色边框。

实验结果如图。

也可以给属性为某一值的元素设置样式：

如果需要根据属性值中的词列表的某个词进行选择，则需要使用波浪号（~）。

假设您想选择 class 属性中包含 important 的元素，可以这样做：

如果没有~波浪号的话，则要完全匹配：

字串选择器：

[abc^="def"]：选择 abc 属性值以 "def" 开头的所有元素

[abc$="def"]：选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"]：选择 abc 属性值中包含子串 "def" 的所有元素