你的浏览器不支持canvas

Enjoy life!

css - 选择器 - 4 - 伪元素选择器

Date: Author: JM

本文章采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。

  • 以下内容源于:《图解CSS3核心技术与案例实战》 第2章

1、::first-letter

  • ::first-letter:选择文本块的第一个字母,除非在同一行中包含一些其他元素。
    • 使用场景:下沉字母或首字母 【点击打开demo

selector

2、::first-line

  • ::first-line:选择文本块的第一行文本,匹配 blockinline-blocktable-captiontable-cell等级别元素的第一行。
  • 点击打开demo

selector

3、::before 和 ::after

  • ::before::after 不是指存在于标记中的内容,而是可以插入额外内容的位置。
    • 生成的内容不会成为 DOM 的一部分,但可以设置样式。
    • 为伪元素生成内容,还需要用到 content 属性。

4、::selection

  • ::selection:匹配突出显示的文本。浏览器默认情况下,选择网站文本时深蓝色背景,白色字体。
  • IE9 支持,Firefox 加上私有属性 -moz-
  • 仅接受两个属性:backgroundcolor

对于本文内容有问题或建议的小伙伴,欢迎在文章底部留言交流讨论。