本篇文章给大家带来的内容是关于CSS属性选择器的用法有哪些？css属性选择器的用法介绍（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一、存在和值属性选择器
1、存在和值属性选择器
/*存在和值属性选择器*/
[attr]：该选择器选择包含 attr 属性的所有元素，不论 attr 的值为何。
[attr=val]：该选择器仅选择 attr 属性被赋值为 val 的所有元素。
[attr~=val]：表示带有以 attr 命名的属性的元素，并且该属性是一个以空格作为分隔的值列表，其中至少一个值为val。2、代码实例：
01_存在和值属性选择器.html
存在和值属性选择器
李立超
晓飞张
白浩杰
腿长1米8
佟刚
陈雷
李贺飞
02_存在和值属性选择器.html
存在和值属性选择器
李立超
晓飞张
白浩杰
腿长1米8
佟刚
陈雷
李贺飞
03_存在和值属性选择器.html
立即学习“前端免费学习笔记（深入）”；
存在和值属性选择器
李立超
晓飞张
白浩杰
腿长1米8
佟刚
陈雷
李贺飞
二、子串值属性选择器
1、子串值属性选择器
/*子串值属性选择器*/
[attr|=val] : 选择attr属性的值是val（包括val）或以val-开头的元素。
[attr^=val] : 选择attr属性的值以val开头（包括val）的元素。
[attr$=val] : 选择attr属性的值以val结尾（包括val）的元素。
[attr*=val] : 选择attr属性的值中包含字符串val的元素。2、代码实例：
存在和值属性选择器
李立超
晓飞张
白浩杰
腿长1米8
佟刚
陈雷
李贺飞
相关推荐：
