文章/答案/技术大牛

发布

社区首页 >问答首页 >节点-sass无效的CSS

问节点-sass无效的CSS
EN

Stack Overflow用户

提问于 2021-03-22 06:53:12

回答 1查看 2K关注 0票数 1

节点-sass甚至支持@use吗？因为我得到了这个错误：

SassError:在“.t-族:字体”之后无效的CSS :预期表达式(例如，1px，粗体)，是“.$roboto；

以下是Nav.scss的代码：

.nav {
  width: 100%;
  font-family: fonts.$roboto;

  &__item {
    margin-bottom: 10px;
    font-size: variables.$a;

    &_active {
      color: rgb(37, 133, 34);
    }
  }

  &__item:last-child {
    margin-bottom: 0px;
  }
}

以下是fonts.scss的代码：

$roboto: 'Roboto';

css

sass

node-sass

国内短信0.038元/条起

99%到达率，支持发送验证码、通知和营销类短信，短信特惠低至 0.038元/条

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-26 02:56:11

对于节点-sass，语法是不正确的。

您已经在fonts.scss中正确地定义了字体变量，但是如果您还没有使用以下内容，则需要将字体文件导入您的Nav.scss文件中：

@import "PATH/fonts.scss";

然后，只需引用以下变量：

font-family: $roboto;

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/66748497

复制

CSS预处理——Sass

打包编程算法 css 流计算 Oceanus sass

CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题解决的问题嵌套规则：通过花括号的方式解决复杂的css父子样式嵌套问题。变量规则：通过变量将公告样式抽离，减少冗余css代码。提交逻辑：可以像高级语言一样编写逻辑性的css代码

羊羽shine

2019/06/19

1.5K0

CSS拓展语言：Sass介绍

其他

CSS拓展语言出现的原因是，CSS自身支持的功能能有限（如不支持变量，条件控制，循环等编程元素），并不满足我们想要的一些功能。而CSS拓展语言支持CSS不支持的特性。

前端GoGoGo

2018/08/27

1.2K0

第九十二期：css 的source map , sass 的调试和sass指令

css 打包 sass 腾讯云测试服务 html

什么？sass也需要调试？是的，也许我们没有关注过这些东西，但是它确实是可以单独拿出来进行调试的。

terrence386

2022/07/15

6520

如何使用SASS编写可重用的CSS

css sass html 打包编程算法

Sass 是一个CSS预处理程序，至今使用广泛，它之所以流行，是因为它修复了几个CSS缺陷：

前端小智@大迁世界

2022/06/15

7.8K0

让 JavaScript 与 CSS 和 Sass 对话

编程算法 css javascript sass https

JavaScript 和 CSS 已经并存超过了 20 年。但是在它们之间共享数据非常困难。当然也有大量的尝试。但是我所想到的是一些简单而直观的内容——不涉及结构更改，而是使用 CSS 自定义属性甚至 Sass 变量。

疯狂的技术宅

2020/04/24

9740

(12/24) css进阶：sass文件的打包和分离

css npm node.js 打包 webpack

这里需要在项目目录下用npm安装两个包。node-sass和sass-loader，（也可以使用cnpm安装）

wfaceboss

2019/04/08

1.2K0

CSS height:100%无效以及替代方案

html

可以考虑用 vh 或者padding-bottom来替代。。。 https://javascript.shop/height%e7%99%be%e5%88%86%e6%af%94%e4%bb%a5%e5%8f%8a%e9%ab%98%e5%ba%a6%e8%87%aa%e9%80%82%e5%ba%94%e9%97%ae%e9%a2%98/

javascript.shop

2019/09/04

1.5K0

前端入门23-CSS预处理器（Less&Sass）声明正文-CSS预处理（less&Sass）

css

这里就讲讲这两个问题，写过 CSS 应该就会比较清楚，虽然我才刚入门，但在写一些练手时就已经有点感觉了：写 CSS 后，很难维护，维护基本要靠注释来，而且由于 HTML 文档中标签的嵌套层次复杂，导致写 CSS 的选择器时也很费劲，尤其是在后期为某部分标签新增样式时，总会不知道到底应该在 CSS 文件中哪里写这个选择器，这个选择器是否会与前面冲突。

请叫我大苏

2018/12/26

1.7K0

CSS预处理器的对比 — sass、less和stylus

其他

本文根据Johnathan Croom的《sass vs. less vs. stylus: Preprocessor Shootout》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://net.tutsplus.com/tutorials/html-css-techniques/sass-vs-less-vs-stylus-a-preprocessor-shootout/，以及作者相关信息 ——作者：Johnathan Croom

laixiangran

2018/04/11

4.7K0

JavaScript中 appendChild追加子节点无效的解决办法

java

这其实是因为一个元素只能有一个父元素，上面这段代码试图将 btn添加到多个元素中。

渔父歌

2018/09/28

1.5K0

jquery操作css相同class的节点

javascript 编程算法 css

平时的工作中有时候需要同时操作多个class相同的节点，这里使用jquery操作css相同class的节点。

疯狂的技术宅

2019/03/27

2.2K0

[FungLeo原创]CSS预编译技术之SASS学习经验小结

打包 sass sas koa css

接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程序的前驱者还是晚了一些.

FungLeo

2022/05/05

4810

在CSS变量中使用SCSS变量无效

编程算法 css

在SCSS中定义了一个变量，但是在CSS中使用SCSS中定义的变量无效: $color: #f00; :root { --text-color: $color; /** 无效 */ } 使用#{}Interpolation插值来解决此问题: $color: #f00; :root { --text-color: #{$color}; }

零式的天空

2022/03/28

3.2K0

CSS之 sass、less、stylus 预处理器的使用方式

编程算法 sass vue.js 面向对象编程 css

更详细区别参考文档：https://blog.csdn.net/pedrojuliet/article/details/72887490

全栈程序员站长

2021/04/07

9410

Facebook 重构：抛弃 Sass / Less ，迎接原子化 CSS 时代

css react 网站 html

随着 Facebook 和 Twitter 最近的产品部署，我认为一个新的趋势正在缓慢增长:Atomic CSS-in-JS。

ssh_晨曦时梦见兮

2021/01/18

3.1K0

CSS 预编译语言 Sass 快速入门教程

laravel 编程算法打包 sass 面向对象编程

CSS 作为一门样式语言，语法简单，易于上手，但是由于不具备常规编程语言提供的变量、函数、继承等机制，因此很容易写出大量没有逻辑、难以复用和扩展的代码，在日常开发使用中，如果没有完善的编码规范，编写的 CSS 代码会非常冗余且难以维护。

学院君

2020/10/30

7.2K0

继往开来的 sass 3 代编译器：ruby sass、node-sass、dart-sass

dart 编程算法 ruby javascript

为了简化样式的描述，浏览器设计了 css 作为 DSL（领域特定语言）。css 写起来简单，但在很多方面都不太方便，比如不支持嵌套，代码比较冗余；不支持继承和混合，代码不好复用等。

神说要有光zxg

2022/03/03

1.6K0

继往开来的 sass 3 代编译器：ruby sass、node-sass、dart-sass

《CSS高效开发实战：CSS 3、LESS、SASS、Bootstrap、Foundation》谢郁（作者）mobi

sass bootstrap html

想象一下，一个网页只有HTML，没有CSS，那就是素颜和上妆的区别。而一个网页只有CSS，没用CSS 3，那就是马车和汽车的区别！汽车代表的是高效、美观，CSS 3的意图也是如此。移动设备的流行导致了响应式设计的流行，而CSS 3正是实现这种设计的精髓。《CSS高效开发实战—CSS 3、LESS、SASS、Bootstrap、Foundation》围绕的就是如何跨浏览器、跨设备进行高效率的CSS开发。

用户3157710

2018/09/29

8860

《CSS高效开发实战：CSS 3、LESS、SASS、Bootstrap、Foundation》谢郁（作者）mobi

Sass学习（一）--Sass入门

sass 打包编程算法 css

sass input.scss output.css :将sass文件输出到指定css文件

切图仔

2022/09/08

1.5K0

sass

sass html ruby

我们大家都知道html、css不属于编程语言属于标记语言，所以很难像js一样定义变量、编写方法实现模块化，而目前的css编写模式中都是定义一些公共样式类名，那一块的html需要这个样式，就去增加对应的样式类名，所以我们经常会看到一个标签上存在很多的样式类名，在这种模式中我们需要时常关注css优先级，避免样式的重叠覆盖..

河湾欢儿

2018/09/06

1.5K0

相似问题

节点-SASS编译器失败- CSS无效

SASS无效CSS

Sass中的CSS无效

Sass无效CSS错误："expected“

节点Sass生成嵌套CSS

活动推荐

国内短信福利大放送，不要错过！

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问节点-sass无效的CSS
EN

国内短信0.038元/条起

回答 1

Stack Overflow用户

节点-SASS编译器失败- CSS无效

SASS无效CSS

Sass中的CSS无效

Sass无效CSS错误："expected“

节点Sass生成嵌套CSS

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问节点-sass无效的CSSEN

国内短信0.038元/条起

回答 1

Stack Overflow用户

节点-SASS编译器失败- CSS无效

SASS无效CSS

Sass中的CSS无效

Sass无效CSS错误："expected“

节点Sass生成嵌套CSS

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问节点-sass无效的CSS
EN