Question

@Color1 = #fff;
@Color2 = #b00;

h1 {
  color:@Color1;
  background:@Color2;
}

如何使用JS更改@Color1和@Color2？这是我的示例代码。

或

.chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper:before {
    right: -20px;
    border-left-color: #8AC0D9;
}

如何到达border-left-color JavaScript代码？我有一个动态变化的颜色值。我必须申请这个。我该怎么办？

编辑

main.css //这是我的css文件@Álvaro-gonzález

.chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper,
.chat-wrapper .chat-message.chat-message-sender .chat-message-content {
    float: right;
}
.chat-wrapper .chat-message.chat-message-sender .chat-message-wrapper:before {
    right: -20px;
    border-left-color: #8AC0D9;
}

Answer 1

here是您问题的答案。因此，如果您想要从链接问题中更改任何变量的值，您需要执行以下操作：

document.styleSheets[0].rules[0].style.setProperty("--red", "#FF0000");

当然，为了找到相应的选择器

，必须对迭代的数组索引进行双重检查

CSS全局变量随js变化

1 个答案: