使用 CSS 伪元素实现高级样式
本文最初发表于lindaojo.com网站。
上周我写了关于CSS属性选择器的文章。这周，我们将继续学习CSS伪元素。
CSS 伪元素用于设置元素特定部分的样式。如果使用得当，它们可以创造出非常惊艳的样式。让我们一起来看看吧。
::首字母
::first-letter 伪元素用于设置文本首字母的样式。
例子
第一行
::first-letter 伪元素用于设置文本首字母的样式。
例子
之前和之后
::before 伪元素可用于在元素内容之前插入一些内容。
::after 伪元素可用于在元素内容之后插入一些内容。
例子
::选择
::selection 伪元素匹配用户选择的元素部分。
例子
::占位符
::placeholder CSS 伪元素表示“input”或“textarea”元素中的占位符文本。
例子
::标记
CSS 伪元素 `::marker` 用于选中列表项的标记框，该标记框通常包含项目符号或编号。它适用于 `display` 属性设置为 `"list-item"` 的元素，例如 `"li"` 和 `"summary"` 元素。