zblog 纯净主题的引用代码中，头部有个很大的双引号，鼠标又不能选中，以前总是好奇，认为不过是个背景。最近接触的比较多，认真查看 css 代码后，发现这居然也是通过代码实现的，果然高级！比如下面这段 css 代码：
- .single blockquote::before{content:"“";font-size:70px;color:#ccc;font-family:arial;line-height:1;position:absolute;top:5px;left:14px}
通过 before 标签实现在 class 前面增加标记，还可以控制其在容器中的位置。以后在主题设计中是可以增加对其的应用，说不定能得到意想不到的效果，可以在短代码领域考虑对其进行应用，设计出实用的工具栏按钮。
对了，与之对应的还有 after 样式，都是绝绝子的好东西！
- 版权声明：本站原创文章，于2025年8月22日，由 muren 发表，。
- 转载请注明：准备学习 ::before 样式 _ linsan studio
- 我的微信
- 这是我的微信扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-
