# 伪元素

伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式

# 语法

selector::pseudo-element {
  property: value;
}
1
2
3

# 常用的一些伪元素

名称 作用 场景举例
after 作为指定元素的最后一个子元素 input框的单位
before 作为指定元素的第一个子元素 🔥超链接地址
first-line 改变段落首行文字的样式 文章首行加粗
first-letter 改变段落的首字母样式 每段首行大写

codepen示例: 源地址

其它更多的伪元素 MDN:CSS伪元素