::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 和前述相反，选择器在被选元素的内容后面插入内容。