伪元素选择器的三种使用场景 【字体图标，精灵图（背景图片），清除浮动】

伪元素，顾名思义就是假的元素。是指在html结构中看不到的元素。直接在css代码中实现。用法为，在元素后面加::（两个冒号）。比较经常使用的有::before 和::after。 意思分别是在盒子内容的前面和后面加一个伪元素。 用法： .box::before { content: ‘before’; } .box::after { content: ‘after’; } 在box盒子内容前面添加

>>阅读原文<<