@extend 清除浮动代码
清除浮动代码是在前段工作中需要大量使用的代码.其混入代码的编写如下:
/* 清理浮动代码 */
.cf {
zoom:1;
&.cf:before, &.cf...如果是%cf 这种方式,那么,如果文档中没有哪里调用了它,那么它是不会输出的.也就是说,那样更合理....但是,像清理浮动这种重要的代码,用的地方特别多.而且可能在html里面也会直接的去写一个class来调用它,那么,使用.cf 就更加合适了,因为,这样的话,在输出的css中,是有.cf这个样式存在的....首先,我们这样规划:
style.css // 最终输出文件
style.scss // 原始sass文件
scss // 保存碎片sass的文件夹
_header.scss...如果你现在还在写原生的css文件,你真心OUT了.赶紧学习一门CSS预编译语言吧.我的推荐是——sass
如果本文有什么错漏,或者你有什么心得,欢迎给我留言,我期待你的指教!