在SASS中是否可以从另一个文件中的类继承?

时间:2012-08-02 23:36:00

标签: css inheritance stylesheet sass

这个问题几乎说明了一切。

例如,如果我使用的是Twitter Bootstrap,我可以在自己的SASS样式表中定义继承自Bootstrap的CSS类的类吗?或者SASS中的继承只能在单个文件的范围内工作吗?

4 个答案:

答案 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中实现。