属性选择器 | 学习笔记

简介: 快速学习属性选择器。

开发者学堂课程【CSS 快速掌握属性选择器 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/611/detail/9179


属性选择器


内容介绍

.属性选择器


.属性选择器

什么是属性选择器?

属性选择器它是与标签的属性名和属性值有关。+

属性选择器是通过标签的属性名和属性值来匹配元素。

attr 是英文单词“attribute”的简写,中文意思属性属性名~

val 是英文单词“value”的简写,中文意思是属性值~

[attr]

匹配攆定的属性名的所有元素

[attr=val]

匹配属性等于指定值的所有元素

[attr*="val"]

匹配属性中包含指定值的所有元素

[attrS="val"]

匹配属性的值以指定值结束的所有元素

[attr^="val"]

匹配属性以指定值开头的所有元素

   

相关文章
|
5月前
|
前端开发 开发者
提升你的CSS技能:深入理解伪类选择器和伪元素选择器!
【4月更文挑战第2天】 提升你的CSS技能:深入理解伪类选择器和伪元素选择器!
104 12
|
5月前
|
前端开发
伪类选择器
我是一个div ​ 选择器的累加不会超过其最大的一个数量级,类选择器在高也不会超过id选择器,你怎么加你都只能加那一位,两位数加不到三位数
|
2月前
|
前端开发
CSS中的层级选择器&伪类选择器和伪元素选择器
CSS中的层级选择器&伪类选择器和伪元素选择器
|
5月前
属性选择器
【5月更文挑战第2天】属性选择器。
30 5
|
5月前
|
前端开发 开发者
CSS中的伪类选择器和伪元素选择器
CSS中的伪类选择器和伪元素选择器
51 0
|
前端开发 开发者
伪类 | 学习笔记
快速学习伪类
伪类 | 学习笔记
|
前端开发
|
前端开发
笔记|使用CSS选择器(使用伪元素选择器)
使用CSS选择器(使用伪元素选择器)
91 0
笔记|使用CSS选择器(使用伪元素选择器)
|
前端开发
笔记|使用CSS选择器(基本选择器)
使用CSS选择器(基本选择器)
101 0
笔记|使用CSS选择器(基本选择器)
|
前端开发
CSS伪类选择器和伪元素选择器的基本用法
用法与伪类选择器用法一致,需要注意的是,::befor和::after都是要content一起使用的。
182 0
CSS伪类选择器和伪元素选择器的基本用法