SASS中LESS的“导入（引用）'样式'”相当于啥

Posted 2023-03-07

【中文标题】SASS中LESS的“导入（引用）\'样式\'”相当于啥

【英文标题】：What is the equivalent of LESS's "import (reference) 'style'" in SASSSASS中LESS的“导入（引用）'样式'”相当于什么

【发布时间】：2014-05-16 02:38:04

【问题描述】：

除了 application.css.scss，我还有多个部分，比如 homepage.css.scss。目前我必须将@import 'bootstrap' 添加到它们中的每一个，以便使用引导变量和mixins。

假设我想将默认链接颜色更改为红色，我会将其添加到 application.css.scss。但是 homepage.css.scss 中的链接不会是红色的，因为引导导入会用蓝色覆盖它。

在 LESS 中，我可以执行 @import (reference) "bootstrap"，我该如何在 SASS 中执行此操作？

【问题讨论】：

你在 Rails 工作吗？

是的。确切地说是 Rails 3.2。

【参考方案1】：

你会得到最接近的是一个静默类/占位符。它们的工作方式与 LESS 和 reference 的工作方式略有不同，您可以在此处阅读更多信息：http://blog.teamtreehouse.com/extending-placeholder-selectors-with-sass

少

lib.less

.class 
   background: red;

main.less

@import (reference) "lib";

.anotherClass 
   &:extend(.class);

SASS

lib.sass

%class 
  background: red;

main.sass

@import "lib";

.anotherClass 
  @extend %class;

CSS 输出

.anotherClass 
  background: red;

【讨论】：

谢谢，我不知道静默课。问题是我正在使用 Bootstrap，我需要将其类修改为静默类。我仍然不相信这对于许多 Rails 应用程序来说不是一个普遍的问题，因为 SASS 是那里的默认设置。

@chh 很遗憾你会的。我会看看使自定义 css 选择器比引导选择器更具体，这也可以解决您的问题。

令人难以置信的是，他们在遇到这个问题 6 年后还没有实施这个。我想知道为什么