首页 > 技术文章 > 理解伪元素 :before和:after

future-ruby 2016-03-24 10:04 原文

 在CSS中有一特性允许我们添加额外元素而不扰乱文档本身,就是伪元素。

下面举例说明:

html:

<blockquote>
   blockquote只是一个块引用
</blockquote>

css:

blockquote::before{
  content:open-quote;
}
blockquote::after{
  content:close-quote;
}

效果:

 

推荐阅读