::after,::before使用

::after,::before使用
 

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

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

 1 <!DOCTYPE html>
 2 
 3 <html>
 4 
 5 <head>
 6 
 7     <style>
 8 
 9     p:before
10 
11     {
12 
13     content:"台词：";
14 
15     }
16 
17     </style>
18 
19 </head>
20 
21 <body>
22 
23     <p>我是唐老鸭。</p>
24 
25     <p>我住在 Duckburg。</p>
26 
27     <p><b>注释：</b>对于在 IE8 中工作的 :before，必须声明 DOCTYPE。</p>
28 
29 </body>
30 
31 </html>

 

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

台词：我是唐老鸭。

台词：我住在 Duckburg。

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

 

2.:after 和前述相反，选择器在被选元素的内容后面插入内容。

posted on 2014-04-08 17:32  nlh774  阅读(186)  评论(0)  编辑  收藏  举报