CSS ::before选择器

• 

  定义和用法

  ::before选择器插入的每个所选元素（一个或多个）前面一些内容。使用content属性指定要插入的内容。使用::after选择器在内容之后插入一些内容。

  特征	说明
  CSS版本	CSS2

• 

  浏览器支持

  表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

  选择器	IE/Edge	Chrome	FireFox	Safari	Opera
  选择器名称
  [::before]	9.0 部分来自8.0	4.0	3.5	3.1	7.0 部分来自4.0

  注意： IE8和Opera 4-6仅支持旧的单冒号CSS语法（:before）。较新的版本支持标准的双冒号语法（::before）。

  注意：对于::before在IE8中工作 ， 必须声明<!DOCTYPE>。
• 

  CSS语法

  ::before {
    css declarations;
  }
  

• 

  实例

  在每个<p>元素的内容前插入一些文本：

  p::before { 
    content: " - 阅读这个";
  }
  

  尝试一下
• 

  相关页面

  CSS教程：CSS伪元素