У меня есть страница с <link>
в заголовке, которая загружает CSS с именем light.css
. У меня также есть файл с именем dark.css
. Я хочу, чтобы кнопка меняла стиль страницы вместе (в css файле используется 40 селекторов, а некоторые не совпадают в двух файлах).
Как удалить ссылку на light.css
с помощью JS и удалить все стили, которые были применены, а затем загрузить dark.css
и применить к ней все стили? Я не могу просто reset всех элементов, так как некоторые стили применяются через разные файлы css, а некоторые из них динамически генерируются JS. Есть ли простой, но эффективный способ сделать это без перезагрузки страницы? Vanilla JS предпочтительнее, однако я буду использовать jQuery для последующей обработки в любом случае, поэтому jQ также прекрасен.