css - @import bootstrap.css 和@extend bootstrap 类选择器如何?

标签 css sass

<分区>

这里是后端程序员。看看在前端使用 scss 的明显好处。

这就是我认为可以让我@import bootstrap.css 和@extend bootstrap 类选择器的东西。 bootstrap.css,这个 scss 和这个 .scss 文件在同一个目录下

// styles.scss
@import "bootstrap.css";
#menu-top {
  @extend .navbar-fixed-top;
}

但是,我明白了

// generated styles.css
Error: "\#menu-top" failed to @extend ".navbar-fixed-top".
     The selector ".navbar-fixed-top" was not found.
     Use "@extend .navbar-fixed-top !optional" if the extend should be     
able to fail.
      on line 19 of links_style.scss
Use --trace for backtrace.

最佳答案

如我所见,您正在导入 css Bootstrap 版本。您必须导入 scss 版本才能从中导出任何样式。

关于css - @import bootstrap.css 和@extend bootstrap 类选择器如何?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33061807/

相关文章:

html - SASS 中的 BEM 语法

javascript - 如何使用 hsl 而不是 rgb 进行 scss 全局声明 javascript api

javascript - JQUERY.计数.JS : On Scroll Count Numbers NOT OnLoad

javascript - Jekyll 将 SASS 变量导出到 Javascript 变量

html - 位置固定不起作用?我究竟做错了什么?

jquery - 对大于视口(viewport)的图像使用 Fancybox

html - 使用媒体查询保持 SASS 代码干燥

css - 变量在 SASS 中是全局的,但在 SCSS 中不是

html - 当与下拉列表一起使用时,Bootstrap 有反馈图标无法正确呈现

html - 无法使用 Angular 6 Type 脚本在打印预览页面上使用 CSS 呈现数据