В Firefox, как я могу изменить существующее правило CSS

Question

В Firefox у меня есть следующий фрагмент в моем файле .css

tree (negative){  font-size: 120%; color: green;}

Используя javascript, как мне изменить правило , чтобы установить красный цвет?

Примечание:
Я не хочу менять элемент.
Я хочу изменить правило. Пожалуйста, не отвечайте с чем-то вроде

...

element.style.color = 'red';

Answer 1

Поскольку HTML-элемента нет tree Я собираюсь предположить, что tree - это id или class другого элемента.

Сначала вы получите элемент DOM по идентификатору:

var tree = document.getElementById("tree");

Теперь tree представляет ваш элемент DOM, и вы можете манипулировать им любым удобным для вас способом:

tree.style.color = "red";

Вот отличная ссылка для сопоставления свойств CSS с их эквивалентами в JavaScript.