Kitabu cha mafanikio ya mifanikio ya CSS

CSS 伪元素

CSS 伪元素用于设置元素特定部分的样式。

例如,它可以用于:

  • 设置元素的第一个字母或第一行的样式
  • 在元素内容之前或之后插入内容
  • 设置列表项标记的样式
  • 设置对话框背景视图的样式

下表展示了 CSS 中不同的伪元素:

伪元素 例子 例子描述
::after p::after 在指定元素的内容之后插入内容。
::backdrop dialog::backdrop 设置对话框或弹出元素背景视图的样式。
::before p::before 在指定元素的内容之前插入内容。
::file-selector-button ::file-selector-button 选择类型为 的按钮。
::first-letter p::first-letter 选择每个

元素的第一个字母。

::first-line p::first-line 选择每个

元素的第一行。

::grammar-error ::grammar-error 设置浏览器标记为语法错误的文本样式。
::highlight() ::highlight(custom-name) 选择自定义高亮。
::marker ::marker 选择列表项的标记。
::placeholder input::placeholder 设置