Как переопределить стили, заданный в js

Рейтинг: 0Ответов: 1Опубликовано: 23.02.2023

Я задал такие стили через js и понимаю, что они имеют приоритет перед остальными стилями, заданными в css, но в media запросах мне нужно переопределять эти стили, но они не применяются, так как разный приоритет стилей, вопрос такой, как можно в media запросах сбросить стили из js и применить те, которые указаны в самом запросе

if (document.querySelector('.best-articles')) {
    v.style.setProperty("margin-left", "calc(750px - 240px - 56px + 300px + 3%)");
} else {
    v.style.setProperty("margin-left", "calc(750px - 240px - 56px)");
}

каку

css javascript веб-программирование frontend
Источник: Stack Overflow на русском

Ответы

▲ 0

мне кажется проще сделать с добавлением класса

css:

.best-articles{
    margin-left: calc(750px - 240px - 56px + 300px + 3%);
}
.best-articles.active{
    margin-left: calc(750px - 240px - 56px);
}

js:

if (!document.querySelector('.best-articles')) {
    v.classList.add('active')
} else {
    v.classList.remove('active')
}