15.3. CSS ::before 伪元素

::before -- CSS ::before 伪元素,定义在一个元素的内容之前插入content属性定义的内容与样式
  • 语法: E::before
  • CSS版本:CSS2
  • 引用网址:http://www.dreamdu.com/css/pseudo-element_before/
  • 说明:
    • 定义在一个元素的内容之前插入content属性定义的内容与样式
  • before,中文"前"的意思

语法

E::before

示例

div::before
{
	background: lightgreen;
	content: "梦之都";
}

CSS ::before 伪元素示例 -- 可以尝试编辑

浏览器对before伪元素的兼容性

IE6、IE7与IE8(怪异模式Quirks mode)不支持此伪元素。

浏览器兼容性

CSS E::before 伪元素浏览器兼容性
选择符 IE6 IE7 IE8 IE9 FF CH OP SA
E::before no no part yes yes yes yes yes


  • 教程中有什么不懂的地方?发现教程的错误!对教程有什么建议!快快联系猴子呀dreamdu@163.com,:)
赞助梦之都