前端基础-CSS属性选择器

八、属性选择器

1.[属性名]

选择具有该属性的元素

在这里插入图片描述

2.[属性=值]（重点）

选择具有该属性且等于该值的元素

在这里插入图片描述

3.[属性~=值]（了解）

选择具有该属性，且值中包含该值的元素

在这里插入图片描述

多学一招：元素属性的值可以有多个

注意：这种场景适用于一个属性名对应多个属性的值

4.[属性|=字符]（了解）

选择由连字符连接多个单词组成的属性值中的第一个单词

在这里插入图片描述

注意：这种场景适用于一个属性的值由连字符连接多个单词组成，且选择的是第一个

5.[属性*=值]（了解）

选择属性的值中包含当前的值的元素

在这里插入图片描述