摘要：存在和值属性选择器这些属性选择器尝试匹配精确的属性值该选择器选择包含属性的所有元素，不论的值为何。该选择器仅选择属性被赋值为的所有元素。属性选择器的区别是完整单词类型的比较符号拼接字符串类型的比较符号
1.存在和值（Presence and value）属性选择器
这些属性选择器尝试匹配精确的属性值：
[attr]：该选择器选择包含 attr 属性的所有元素，不论 attr 的值为何。
[attr=val]：该选择器仅选择 attr 属性被赋值为 val 的所有元素。
[attr~=val]：该选择器仅选择具有 attr 属性的元素，而且要求 val 值是 attr 值包含的被空格分隔的取值列表里中的一个。
2.子串值（Substring value）属性选择器
这种情况的属性选择器也被称为“伪正则选择器”，因为它们提供类似 regular expression 的灵活匹配方式（但请注意，这些选择器并不是真正的正则表达式）：
[attr|=val] : 选择attr属性的值是 val 或值以 val- 开头的元素（注意，这里的 “-” 不是一个错误，这是用来处理语言编码的）。
[attr^=val] : 选择attr属性的值以 val 开头（包括 val）的元素。
[attr$=val] : 选择attr属性的值以 val 结尾（包括 val）的元素。
[attr*=val] : 选择attr属性的值中包含子字符串 val 的元素（一个子字符串就是一个字符串的一部分而已，例如，”cat“ 是 字符串 ”caterpillar“ 的子字符串）。
CSS 属性选择器 ~=, |=, ^=, $=, *= 的区别
"value 是完整单词" 类型的比较符号: ~=, |=
"拼接字符串" 类型的比较符号: ^=, $=, *=
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/1507.html
摘要：参数拼接在浏览器的地址栏请求报文格式参数放到请求报文请求体中进行传递表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框，日期框，数字框，框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中 get 参数拼接在浏览器的地址栏 url?k=v&k=v 请求报文格式： ...
摘要：参数拼接在浏览器的地址栏请求报文格式参数放到请求报文请求体中进行传递表单元素单行文本框密码框单选按钮复选按钮附件提交按钮拓展搜索框，日期框，数字框，框的属性参数的不能缺省参数的按钮的时候不能缺省提示语用在单选按钮和复选按钮中表示默认选中 get 参数拼接在浏览器的地址栏 url?k=v&k=v 请求报文格式： ...
摘要：派生选择器依据元素的位置关系来定义样式。称其为上下文选择器，称其为派生选择器。在现在布局中，选择器常常用于建立派生选择器。和一样，也可被用作派生选择器。 文章大纲来源：【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表（Cascading Style Sheets），即前端常说的CSS。 内容引用：CSS 简介 样式解决了什么问题？ HTML...
摘要：派生选择器依据元素的位置关系来定义样式。称其为上下文选择器，称其为派生选择器。在现在布局中，选择器常常用于建立派生选择器。和一样，也可被用作派生选择器。 文章大纲来源：【Day 3】HTML复习 + CSS基础 初识CSS 入门CSS 初识CSS 层叠样式表（Cascading Style Sheets），即前端常说的CSS。 内容引用：CSS 简介 样式解决了什么问题？ HTML...
阅读 1552·2021-11-17 09:33
阅读 1099·2021-11-12 10:36
阅读 2413·2019-08-30 15:54
阅读 2440·2019-08-30 13:14
阅读 2912·2019-08-26 14:05
阅读 3288·2019-08-26 11:32
阅读 3000·2019-08-26 10:09
阅读 2994·2019-08-26 10:09
