scss中的function如何获取变量的var属性?

2022年07月14 - 本文主要分享【js如何使用dom】,技术文章【JS的DOM操作基础——元素的操作】为【M78_国产007】投稿,如果你遇到JS的DOM操作相关问题,本文相关知识或能到你。 js如何使用dom 我们获取到元素后,就需要对节点进行相关的操作,来实现功能。 对元素内容的修改我们需要用到innerHTML

2022年07月15 - 本文主要介绍关于javascript,前端,html的知识点,对【JS-获取节点的方法】和【js节点操作方法】有兴趣的朋友可以看下由【shotarozz】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的相关技术问题。 js节点操作方法 H5之前的技术: document.getElementB

2022年07月14 - 本文主要介绍关于javascript,前端,开发语言的知识点,对【JS的dom操作基础——获取元素】和【js获取dom对象】有兴趣的朋友可以看下由【M78_国产007】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的JS的DOM操作相关技术问题。 js获取dom对象 系统提供的方法 在H5之前

2022年07月14 - 本文主要分享【win11怎么更改语言】,技术文章【Win11怎么改系统语言?Win11系统语言简体改繁体的方法】为【小白一键重装系统】投稿,如果你遇到电脑系统知识相关问题,本文相关知识或能到你。 win11怎么更改语言 Win11怎么改系统语言?有时候我们电脑下载安装系统之后,发现该系统语言不是自己

2022年07月16 - 本文主要介绍关于vue.js,前端,javascript的知识点,对【【vue设计与实现】原始值的响应式方案 2-响应丢失问题】和【vuex 更改数据触发方法】有兴趣的朋友可以看下由【loyd3】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的vue设计与实现 笔记相关技术问题。 vuex 更改

2022年07月17 - 本文主要分享【关于局部变量的说法】,技术文章【关于局部变量】为【小洪正在努力】投稿,如果你遇到相关问题,本文相关知识或能到你。 关于局部变量的说法 关于局部变量(易错) 在java中只有传值调用,没有传址调用。 直接看个案例: A()方法将a变量每次调用都加1;B()方法将b变量从小写b改

2022年07月15 - 本文主要分享【判后答疑有时间限制没有】,技术文章【判等问题:程序里如何确定你就是你?】为【JavaMonsterr】投稿,如果你遇到Java,程序员,计算机相关问题,本文相关知识或能到你。 判后答疑有时间限制没有 你可能会说,判等不就是一行代码的事情吗,有什么好说的。但,这一行代码如果处理不当,不仅


}

今日看了下JS变量的一些文章,有些感触,把自己总结的一些写出来. JS初始化的过程1.JS解释器执行代码之前,创建全局变量2.用预定义的值和函数来初始化全局对象中的属性,3.搜索函数外的var声明,创建全局对象相应的属性初始化为undefined(如果遇到定义式函数,进行预处理,如果是赋值式函数,将函数当变量使用)4.创建全局的执行环境,作用域链只有一个对象--全局对象5.依次执行代码6.遇到var声明的,给变量赋值,遇到未声明赋值语句,在全局对象中增加相应的属性并赋值遇到函数调用,创建嵌套函数

}

最近在使用CSS的var()函数遇到一个问题,比如我在JS中设置了一个自定义属性--color,在CSS中用var()来调用它,然后将该属性值设置成背景色,此时是正常的显示效果。

但是如果把它和rgba()一起使用就会失效,无法显示背景半透明效果。

是因为CSS中函数不能嵌套函数吗?这个问题要如何解决才能实现背景半透明效果呢?十分感谢!!!

[quote=引用 5 楼 穿靴子的咪咕酱 的回复:]楼主怎么解决的,我也遇到了同样的问题,可以贴下解决代码吗?
因为rgba()是CSS里面的一个方法,其中参数$color的值无论填的是字符串/HEX值/RGB值,最终都会转换成RGB值,所以需要转换,写一个转换的函数就可以了。 [/quote] 感谢大佬!!
引用 5 楼 穿靴子的咪咕酱 的回复:
楼主怎么解决的,我也遇到了同样的问题,可以贴下解决代码吗?
因为rgba()是CSS里面的一个方法,其中参数$color的值无论填的是字符串/HEX值/RGB值,最终都会转换成RGB值,所以需要转换,写一个转换的函数就可以了。

楼主怎么解决的,我也遇到了同样的问题,可以贴下解决代码吗?


对,但我想要在js里面控制颜色变量(因为颜色是子组件props传过来的,这里省略了),而不是直接在sass中修改那个$变量。不过先谢谢了,已经解决了!

}

我要回帖

更多关于 scss定义变量 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信