Как переопределить стили, заданный в js
Я задал такие стили через 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)");
}
Ответы (1 шт):
Автор решения: user558375
→ Ссылка
мне кажется проще сделать с добавлением класса
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')
}