选择DOM中元素的伪元素（例如:: before和:: after）

Question

这是我的代码：

HTML：

<div class="class"></div>

CSS：

.class:before {
   content: "text";
   color: red;
}

我需要在DOM中将红色更改为绿色（没有jQuery）

Answer 1

是，使用CSS变量

const Root = document.documentElement;

Root.style.setProperty('--mycolor', 'green');

:root {
  --mycolor : red;
}
.class:before {
  content: "text";
  color: var(--mycolor);
}

<div class="class"></div>