CSS ::after选择器

  • 定义和用法

    ::after选择器插入的每个所选元素(一个或多个)后面一些内容。使用content属性指定要插入的内容。使用:: before选择器在内容之前插入一些内容。
    特征 说明
    CSS版本 CSS2
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    选择器 IE/Edge Chrome FireFox Safari Opera
    选择器名称
    [::after]
    9.0
    部分来自8.0
    4.0
    3.5
    3.1
    7.0
    部分来自4.0
    注意: IE8和Opera 4-6仅支持旧的单冒号CSS语法(:after)。较新的版本支持标准的双冒号语法(::after)。
    注意:对于::after在IE8中工作 , 必须声明<!DOCTYPE>。
  • CSS语法

    ::after {
      css declarations;
    }
    
  • 实例

    在每个<p>元素的内容后插入一些文本:
    p::after { 
      content: " - 记住这个";
    }
    
    尝试一下
  • 相关页面

    CSS教程:CSS伪元素