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

Question

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

例如，如果我使用Twitter Bootstrap，我可以在我自己的 SASS 样式表中定义继承自 Bootstrap 的 CSS 类的类吗？还是 SASS 中的继承仅在单个文件的范围内起作用？

score 196 · Accepted Answer

是的！这是可能的。

如果您希望所有元素都从Twitter Bootstrap 的默认按钮<button>继承.btn该类

在您的styles.scss文件中，您必须首先导入_bootstrap.scss：

@import "_bootstrap.scss";

然后在导入下方：

button { @extend .btn; }

score 8 · Accepted Answer

**我可能弄错了，但如果我得到你想要做的事情，你不能只在@extend .classname;你想要扩展的元素内使用命令吗？自然，您应该只修改自己的代码以保持可更新性。

score 2 · Accepted Answer

据我所知，您必须使用@import包含要在 SASS 文件中使用的类的文件才能在该文件中使用它们。但是，我不是 SASS/SCSS 专家，所以有人可能知道另一种我不知道的远程使用它们的方法。

score 1 · Accepted Answer

正如公认的答案表明，@import 可以做到这一点，但是 @import 已被sass 弃用

Sass 团队不鼓励继续使用 @import 规则。Sass 将在接下来的几年中逐步淘汰它，并最终将其从语言中完全删除。更喜欢@use 规则。

@use 规则现在更适合使用，因为它不会污染导入（用户）模块的范围。不幸的是，在撰写本文时，使用规则仅在 Dart sass 中实现。

4 回答 4