CSS伪类选择器 :after 和 :before_html教程_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

CSS伪类选择器 :after 和 :before

来源：未知作者：类型：文章教程点击次数：发布时间：2014-10-31 13:26:06

定义和用法
:before 选择器在被选元素的内容前面插入内容。
:after 选择器在被选元素的内容后面插入内容。
注：请使用 content 属性来指定要插入的内容。

浏览器支持
所有主流浏览器都支持 :after 选择器。
注释：对于 IE8 及更早版本中的 :after，必须声明 <!DOCTYPE>。

测试一下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> </head> <body> <style> p:before { content:"台词："; } </style> <p>我爱模板网</p> <p>专业提供各种html模板和css模板</p> <p>免费下载，永不收费</p> <p>本站所以资源均来自互联网，版权归原作者</p> </body> </html>
提示：您可以先修改部分代码再运行