Css伪元素:before和:after的使用

Css伪元素:before和:after的使用

使用方法：

在真正页面元素内部之前和之后添加新内容：

    <p>wonyun!</p>
    <style>
        p:before{content: "hello "}
        p:after{content: "you are handsome!"}
    </style>

使用后等价于：

<p>
  <span>hello </span>
  wonyun!
  <span> you are handsome!</span>
</p>

优点

• 减少dom节点数

• 让css帮助解决部分js问题，让问题变得简单