Выберите псевдоэлемент (например, :: before и :: after) элемента в DOM [duplicate]

Вот мой код:

HTML:

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

CSS:

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

Мне нужно изменить красный цвет на зеленый в DOM (без jQuery)

Всего 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>


Есть идеи?

10000