通常我们可以将具有某一属性的元素设置为同一个样式，属性选择器该如何使用呢？属性选择器中属性放[]综括号里。
具体如下：
页面中有很多的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" 的所有元素
网友评论