# 选择器
选择器: 帮助精准的选中想要的元素
## 简单选择器
1. id选择器 (简单选择器)
2. element选择器 (简单选择器)
3. class选择器 (简单选择器)
4. 通配符选择器
符号:*
所有写的元素全部被选中
5. 属性选择器
根据属性名和属性值选中元素
选中所有具有该属性的元素 如:[属性]{样式内容}
也可以选中所有 该值的属性 如:[属性=""]{样式内容}
其余使用方式可以在 MDN 查询
6. 伪类选择器
"元素" + ":" + "属性" + "{样式内容}"
选中某些元素的某种状态
1)hover 悬停状态:
鼠标悬停的状态 如:[元素:hover{}]鼠标悬停到某元素时的状态
通常与a 元素联用
2)active 按下状态:
鼠标按下时的状态 如: [元素:active{}]鼠标按下某元素时的状态
通常与a 元素连用
3)link 为访未状态:
超链接从未被访问时的状态 如:
4)visited 访问后状态:
超链接访问过后的状态 如:
7. 伪元素选择器
生成并选中某个元素内部的第一个子元素或最后一个子元素
前面两个冒号
1. before 前面
```css
span::befor{content:"添加内容";}
```
2. after 后面
```css
span::after{content:"添加内容";}
```
## 选择器组合
多个选择器同时使用
1. 并且 两个选择器连着写 更精准 元素[属性]{样式}
2. 后代元素空格 —— 空格
3. 子元素 —— >
4. 相邻兄弟元素 —— +
5. 后面出现的所有兄弟元素 —— ~
## 选择器材料
多个选择器用逗号分隔
选择器可以统一设置,更加方便。
选择器: 帮助精准的选中想要的元素
## 简单选择器
1. id选择器 (简单选择器)
2. element选择器 (简单选择器)
3. class选择器 (简单选择器)
4. 通配符选择器
符号:*
所有写的元素全部被选中
5. 属性选择器
根据属性名和属性值选中元素
选中所有具有该属性的元素 如:[属性]{样式内容}
也可以选中所有 该值的属性 如:[属性=""]{样式内容}
其余使用方式可以在 MDN 查询
6. 伪类选择器
"元素" + ":" + "属性" + "{样式内容}"
选中某些元素的某种状态
1)hover 悬停状态:
鼠标悬停的状态 如:[元素:hover{}]鼠标悬停到某元素时的状态
通常与a 元素联用
2)active 按下状态:
鼠标按下时的状态 如: [元素:active{}]鼠标按下某元素时的状态
通常与a 元素连用
3)link 为访未状态:
超链接从未被访问时的状态 如:
4)visited 访问后状态:
超链接访问过后的状态 如:
7. 伪元素选择器
生成并选中某个元素内部的第一个子元素或最后一个子元素
前面两个冒号
1. before 前面
```css
span::befor{content:"添加内容";}
```
2. after 后面
```css
span::after{content:"添加内容";}
```
## 选择器组合
多个选择器同时使用
1. 并且 两个选择器连着写 更精准 元素[属性]{样式}
2. 后代元素空格 —— 空格
3. 子元素 —— >
4. 相邻兄弟元素 —— +
5. 后面出现的所有兄弟元素 —— ~
## 选择器材料
多个选择器用逗号分隔
选择器可以统一设置,更加方便。
今晚电影推荐 《爱在午夜降临前》,又一个9年,他们终于走到一起,"爱情的浪漫也开始被生活的日常琐碎和彼此相处的实用性取代。如何在“婚姻”的面纱下维持爱情?"从黎明到黄昏,再从黄昏到午夜,这就是真爱,不完美但却真实!BTW让我们一起期待2021年的《爱在闭眼沉睡前》(Befor Death)。今晚评分7.7,推荐指数四颗星。 https://t.cn/A62D2XgN
It doesn’t turn out to be a heppy-ending day because I failed to finish all the items on my “to do list ”of the day [伤心]and it’s the 把自己练废item that I missed [困]
it frustrates me most today [困]I should have finished it befor dinner,with all these beautiful voices around me.
So work harder and harder everyday ,dahongtui! Then 浪浪would not be able to kaca you![困]
it frustrates me most today [困]I should have finished it befor dinner,with all these beautiful voices around me.
So work harder and harder everyday ,dahongtui! Then 浪浪would not be able to kaca you![困]
✋热门推荐