在SCSS中,可以使用$variable来获取自定义属性的值。

假设我们有以下的样式定义:

$primary-color: #00ff00;

.my-element {
  background-color: $primary-color;
}

如果想要获取my-element元素的背景颜色,可以使用getComputedStyle函数来获取计算后的样式值:

const element = document.querySelector('.my-element');
const style = window.getComputedStyle(element);

const backgroundColor = style.getPropertyValue('background-color');
console.log(backgroundColor); // 输出:rgb(0, 255, 0)

注意,getComputedStyle函数返回的是计算后的样式值,颜色可能是以RGB格式显示。如果想要获取自定义属性的值,可以使用getPropertyValue函数,传入自定义属性的名称

scss找自定义属性的样式

原文地址: http://www.cveoy.top/t/topic/iw6c 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录