(腓立比書 3:13) 弟兄們,我不是以為自己已經得著了;我只有一件事,就是忘記背後,努力面前的,
(Philippians 3:13) Brethren, I count not myself to have apprehended: but this one thing I do, forgetting those things which are behind, and reaching forth unto those things which are before
(Philippians 3:13) Brethren, I count not myself to have apprehended: but this one thing I do, forgetting those things which are behind, and reaching forth unto those things which are before
# 选择器
选择器: 帮助精准的选中想要的元素
## 简单选择器
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
✋热门推荐