专栏名称: 程序员之家
程序员第一自媒体,与你探讨码农人生路上遇到的各类泛技术话题,定期为你推荐码农人生思考、感悟以及启迪!
目录
今天看啥  ›  专栏  ›  程序员之家

尽可能地使用伪元素

程序员之家  · 公众号  · 程序员  · 2017-05-04 22:07
    

文章预览

作者: 会编程的银猪 原文:yincheng.site/using-before-after ( 点击文末阅读原文即可前往 )  伪元素是一个好东西,但是很多人都没怎么用,因为他们觉得伪元素太诡异了。其实使用伪元素有很多好处,最大的好处是它可以简化页面的html标签,同时用起来也很方便,善于使用伪元素可以让你的页面更加地简洁优雅。 伪元素使用场景 伪元素一般是用于画图,特别是那种无关紧要的分隔线、点之类的小元素,如下图的绿框所示: 上面第一张图的分隔线,就是用before画的。只需要给div套一个类,这个类写一个before,那么相应的div就会带上分隔线,而不用每加一个内容,就得手动添加一个span来画那个分隔线。 什么是伪元素 伪元素是一个元素的子元素,并 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览