这个问题几乎说明了一切。
例如,如果我使用的是Twitter Bootstrap,我可以在自己的SASS样式表中定义继承自Bootstrap的CSS类的类吗?或者SASS中的继承只能在单个文件的范围内工作吗?
答案 0 :(得分:156)
是!可能。
如果您希望所有<button>
元素都从Twitter Bootstrap's Default buttons
.btn
类
在styles.scss
文件中,您必须先导入_bootstrap.scss
:
@import "_bootstrap.scss";
然后在导入下面:
button { @extend .btn; }
答案 1 :(得分:8)
**我可能会弄错,但是如果我得到你想要做的事情,你不能只在你想要扩展的元素中使用@extend .classname;
命令吗?当然,您应该只修改自己的代码以保持可更新性。
答案 2 :(得分:2)
据我所知,you have to use @import
包含要用于SASS文件的类的文件,以便在该文件中使用它们。但是,我不是SASS / SCSS专家,所以有人可能知道另一种远程使用它的方法,我不知道。
答案 3 :(得分:1)
正如已接受的答案表明,使用@import可以做到这一点,但是@import已deprecated by sass
Sass团队不鼓励继续使用@import规则。 Sass将在未来几年逐步淘汰它,并最终将其从语言中完全删除。最好使用@use规则。
@use规则更适合现在使用,因为它不会污染导入(用户)模块的范围。不幸的是,在编写本文时,使用规则仅在Dart sass中实现。