您的位置:首页技术文章
文章详情页

前端 - sass 如何import单条css选择器

【字号: 日期:2023-07-10 16:31:36浏览:19作者:猪猪

问题描述

最近开始用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
相关文章: