文章详情页
前端 - sass 如何import单条css选择器
问题描述
最近开始用sass,遇到了一个问题,看一下下面的代码
@import ’base.scss’;.btn { @extend reset-btn;}
在base.scss文件里面,有很多已经写好的选择器,但是,我只用到一个reset-btn,在这种情况下,我还是把整个base.scss文件里面所有的内容全部导了进来,就会有很多重复并且我用不到的代码,这种情况下,我该怎么解决呢?
问题解答
回答1:那个如果是写好的选择器`.selector {}`会被使用 无解
所以import的文件中 最好都是mixin或者这种
`%selector {}`
sass 虚类形式
回答2:sass不会存在重复的代码的,你编译成css看一下就知道啦,虽然我们可能定义了很多mixin,但是当项目中实际没用的时候是不会被转换成css的,像你这里,最终生成的css也只会reset-btn相关的css
标签:
CSS
相关文章:
1. 代码如下,java用BigDecimal四舍五入怎么还有问题呀?哪种方式是完全没有问题的?2. javascript - 关于js原生事件的绑定与解除绑定3. HTML5禁止img预览该怎么解决?4. javascript - 函数声明和匿名函数有什么不同?(前端小白求助。。)5. mysql - 数据库建字段,默认值空和empty string有什么区别 1106. javascript - 求助关于js正则问题7. angular.js - 在ionic下,利用javascript导入百度地图,pc端可以显示,移动端无法显示8. dologin说是没有定义9. javascript - 关于js,alert()阻塞的问题10. mybatis - Java关于Mysql的随机id生成
排行榜