伪元素: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-elements
2023.8.17 星期四
伪类
伪元素
[前端每日知识点8：有趣的css伪元素]
1、::selection 伪元素
2、::first-letter伪元素
3、 ::first-line 伪元素
::marker
[前端每日知识9：CSS伪元素之::marker]1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23/* 1、利用::marker对序号前面的小圆点进行改造： */
/* ### 2 可以动态变化的::marker */
li {
color: #000;
transition: .2s all;
}
li:hover {
color: #ff6000;
}
li::marker {
content: '😟';
}
li:hover::marker {
content: '😊';
}
/* 可以使用 emoji 表情 */
/* ### 题前面的一些装饰 */
h1::marker {
content: '▍';
color: #ff5722;
font-size: 16px;
}
