程序员经验分享-hwhale

如何使用 javascript 控制 Sass 变量

2024-04-02

我有一个正在生成 CSS 文件的 Sass 文件。我在 sass 文件中使用了许多变量作为背景颜色、字体大小，现在我想通过 JavaScript 控制所有变量。

例如，在 style.sass 中我们有

$bg : #000;
$font-size: 12px;

如何从 JavaScript 更改这些值？


你不能。 SASS 是一个 CSS 预处理器，这意味着all当您将 SASS 编译为 CSS 时，特定信息就会消失。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

sass

如何使用 javascript 控制 Sass 变量 的相关文章

随机推荐

  • 课堂上的自定义事件

    我需要从类启动自定义事件 我知道用 DOM 对象和 jquery 来做到这一点 使用triggerHandler 比如 object triggerHandler inputChange param X 问题是当我在一个类中尝试这个时 如下

  • 如何以编程方式使用 ical 从重复集中删除单个事件？

    我在 10 11 日创建了一个重复事件 请参见下文 我想删除第 10 个事件 因此我使用了方法 取消 但由于 UID 相同 两条记录都将被删除 如何只删除一条记录 我应该使用任何其他值 例如 UID 吗 BEGIN VCALENDAR PR

  • XML 格式错误

    我有一个 php 脚本 用于将 xml 数据写入文件 另一个脚本将该文件的内容作为响应发送到客户端 但在客户端 我收到以下错误 XML 解析错误 格式不正确当我查看页面源时 我看到的 XML 如下

  • 制作多个文件强制下载

    抱歉 如果标题没有解释太多 让我尝试进一步解释 我的代码如下所示

  • 传单地图中奇怪的默认尺寸

    我已经拍摄了一张可用的 Leaflet 地图 但是当我添加 JQuery Mobile 标题和后退按钮时 格式变得疯狂 最初加载页面时 所有内容都加载在左上角 但是当页面在桌面上调整到最小大小或在移动设备上旋转时 一切都很好 这是打开后的样

  • 自定义类排序：没有抛出错误，Python 测试的目的是什么？

    在不指定对象的相等比较属性的情况下 Python在使用时仍然在做一些事情 gt and lt 如果您不指定 Python 实际上是通过什么来比较这些对象的 gt or lt 我预计这里会出现不受支持的操作数错误 就像在尝试将两个对象添加在一

  • 以编程方式修复 IE 中的浏览器模式

    我有一个网站完全兼容所有浏览器 包括 IE 7 至 9 当我在 IE 10 上尝试时 我感到很震惊 错误太多 而且因为我没有时间为 IE 10 修复这个问题 而且我也在使用第三方控件 Telerik 所以我决定尝试一个简单的解决方案 文档和

  • 返回具有单个元素的数组或列表时的列表或标量上下文

    我有一个函数func可以返回单个值或值列表 具体取决于函数的调用方式 因此 对于这个特定的函数 调用者会知道何时只期望一个返回值 因此希望使用更简单的语法my var func 代替my var func 问题是 在某些情况下 单个值会转换

  • 隐藏“水平”滚动条但仍然可以滚动

    我需要一些帮助来隐藏水平滚动条并仍然能够滚动 我使用过 webkit 但在 IE 和 Firefox 中不起作用 我见过很多有关垂直滚动条的帮助 但不适用于水平滚动条 有什么帮助吗 更新 我创建了一个 JSFiddle 来展示我的问题 我想

  • 如何设计一个带有可选参数的 RESTful URL 进行搜索？

    如果我必须在 RESTful Web 服务中创建一个 URL 我的客户将使用该 URL 按字段搜索所有企业 其中字段是可选的 那么该 URL 会是什么样子 可以仅通过名称 姓名和电话号码或姓名 电话号码和联系电子邮件来搜索企业 钱德鲁 将所

  • Haskell 生成预过滤排列

    有没有办法生成预过滤的排列 而不是这样做 filter condition permutations list 排列函数可以短路 例如 perms perms xs i j i lt xs j lt perms delete i xs 我尝

  • Phing 字符串操作

    我有一个 Phing 项目 您传入一个参数 我想对此参数执行简单的字符串操作 例如 strtolower 或 ucwords 等 我有什么想法可以解决这个问题吗 使用 PhpEvaLTask 怎么样

  • 如何在 Yii 中安装 AWS SDK

    我想在我的 Yii 项目中使用适用于 PHP 的 Amazon AWS SDK 但是我收到各种包含错误 例如include CFCredentials php failed to open stream No such file or di

  • 如何让 eclipse JSP 表达式语言验证接受 JSP 2.2 EL 构造？

    我有一个带有以下 JSP 标记的页面

  • 震动效果 - Flash CS6 ActionScript 3.0

    这个问题与 ActionScript 3 0 和 Flash CS6 有关 我试图让一个物体在一定时间内稍微摇晃几秒钟 我将其制作为 电影剪辑 并制作了以下代码 import flash events TimerEvent var Mach

  • 同一角度指令的多个实例会扰乱范围变量

    我在页面上多次使用该指令 例如 div div div div

  • Angular2 APP_INITIALIZER 嵌套 http 请求

    我一直在尝试使用APP INITIALIZER在引导过程中加载一些配置数据 类似于如何将从后端渲染的参数传递给 angular2 bootstrap 方法 https stackoverflow com questions 37611549

  • 如何在 Chrome 中使用 Selenium + Python 绑定控制文件的下载

    在哪里可以找到描述可与 Selenium 和 Chrome Web 浏览器一起使用的选项的文档 我想在网络浏览器中打开链接 以获取凭据 但不想下载相应的文件 pdf 或 tiff 或 jpeg 我在 Windows 7 笔记本电脑上使用 P

  • Excon::Errors::Forbidden in UsersController#update

    我正在尝试使用 Carrierwave 将图像上传到 Amazon S3 以便为我的用户提供上传头像的机会 当我添加图像文件并单击 更新 时 收到以下错误消息 Excon Errors Forbidden in UsersControlle

  • 如何使用 javascript 控制 Sass 变量

    我有一个正在生成 CSS 文件的 Sass 文件 我在 sass 文件中使用了许多变量作为背景颜色 字体大小 现在我想通过 JavaScript 控制所有变量 例如 在 style sass 中我们有 bg 000 font size 12

热门标签