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

随机推荐

  1. Scala中的Implicit(隐式转换,隐式参数,隐式类)

    文章来自:http://www.cnblogs.com/hark0623/p/4196452.html  转发请注明 代码如下: /** * 隐式转换 隐式参数 隐式类 */ //隐式转换 class ...

  2. JDK的命令行工具

    Jcmd:综合工具 jcmd -l  列出当前运行的所有虚拟机 参数-l表示列出所有java虚拟机,针对每一个虚拟机,可以使用help命令列出该虚拟机支持的所有命令 jcmd [pid] help j ...

  3. js:数据结构笔记14--高级算法

    动态规划: 递归是从顶部开始将问题分解,通过解决所有分解出小问题来解决整体问题: 动态规划从底部开始解决问题,将所有小问题解决,然后合并掉一个整体解决方案: function dynFib(n) { ...

  4. ember.js:使用笔记5 使用view

    在已经设置route的情况下,以table为例,可以如下设置,范围为对应的模版: App.TableView = Em.View.extend({ }); App.TableIndexView = E ...

  5. parseFloat

    parseFloat会把输入完整的数进行比较,不会比较中间数字.

  6. LIS HDOJ 1257 最少拦截系统

    题目传送门 题意:中文题面 分析:LIS模板题:n - 最长下降子序列 -> 最长上升子序列 贪心做法以后再补:) 代码: #include <cstdio> #include &l ...

  7. 组合数学(全排列)+DFS CSU 1563 Lexicography

    题目传送门 /* 题意:求第K个全排列 组合数学:首先,使用next_permutation 函数会超时,思路应该转变, 摘抄网上的解法如下: 假设第一位是a,不论a是什么数,axxxxxxxx一共有 ...

  8. Cyclic Nacklace[HDU3746]

    Cyclic Nacklace Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

  9. 【问题&解决】手机网页Html代码实现（解决显示页面很小的问题）

    工作需要,要做一个手机自适应的网页效果,终于搞定,先分享并记录! 其实主要就是改掉HTML页面声明: 在网页中加入以下代码,就可以正常显示了: <meta name="viewport ...

  10. STL各种容器的使用时机详解

    C++标准程序库提供了各具特长的不同容器.现在的问题是:该如何选择最佳的容器类别?下表给出了概述. 但是其中有些描述可能不一定实际.例如:如果你需呀处理的元素数量很少,可以虎落复杂度,因为线性算法通常 ...