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

Dan*_*Tao 96 css inheritance sass stylesheet

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

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

小智 173

是!这是可能的.

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

在您的styles.scss文件中,您必须先导入_bootstrap.scss:

@import "_bootstrap.scss";
Run Code Online (Sandbox Code Playgroud)

然后在导入下面:

button { @extend .btn; }
Run Code Online (Sandbox Code Playgroud)

  • 这只适用于其他SCSS文件吗?你能不能用CSS文件做到这一点? (4认同)
  • 这会将整个 `bootstrap.css` 导入到 `styles.css` 还是只是 `.btn` 中?我的意思是在输出包中?如果导入整个“bootstrap.css”,则会不必要地增加“styles.css”的大小。 (3认同)
  • 但是,如果您在项目中的多个文件中执行此操作,那么这不会从bootstrap.scss复制CSS吗? (2认同)

Mar*_*nst 8

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