Подскажите пожалуйста, как изменить значение CSS свойства при помощи JQuery, или JS. Проблема в том, что стандартный .css() меняет стиль только заданного(ых) элемента(ов):
$('.painted').css('background-color', 'var(#d63031)'); // Меняет цвет на красный
$('div').addClass('painted') // А потом добавляет блоку класс
div {
width: 100px;
height: 100px;
}
.painted {
background-color: #00b894; /* Зелёный */
}
<div></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
То есть в таком случае .css() не сработает, т. к. присваивание класса происходит после его изменения. Можно ли как-то поменять именно CSS код через JS/ JQuery?