您的位置：首页 > 其它

::after,::before使用

2014-04-08 17:32 357 查看
::after,::before使用

1.:before 选择器在被选元素的内容前面插入内容。

请使用 content 属性来指定要插入的内容。

<!DOCTYPE html>

<html>

<head>

<style>

p:before

{

content:"台词：";

}

</style>

</head>

<body>

<p>我是唐老鸭。</p>

<p>我住在 Duckburg。</p>

<p><b>注释：</b>对于在 IE8 中工作的 :before，必须声明 DOCTYPE。</p>

</body>

</html>


结果：（在每个<p>前面加上content内容）

台词：我是唐老鸭。

台词：我住在 Duckburg。

注释：对于在 IE8 中工作的 :before，必须声明 DOCTYPE。

2.:after 和前述相反，选择器在被选元素的内容后面插入内容。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航