Переопределить файл таблицы стилей .css (не встроенный)

Question

Можно ли как-то переопределить таблицу стилей CSS по умолчанию (в данном случае жидкую), но без использования встроенных стилей?Также я хочу, чтобы этот стиль применялся только к этой конкретной странице, а не к каким-либо другим.

Да, я могу использовать тег !important inside <style> на этой конкретной странице, но мне нужно будет много переустановитьвещей.Это просто слишком много работы и выглядит очень грязно.

Так есть ли способ, которым я мог бы сбросить ВСЕ элементы к значениям свойств по умолчанию и использовать свой собственный стиль только на этой одной странице?

Answer 1

Ну, вы не можете изменить свои .css файлы, но вы можете динамически заменять файлы, используя js.

function replaceFile(newFile, fileLink) {
    var oldcss = document.getElementsByTagName("link").item(fileLink);
    var newcss = document.createElement("link");
    newcss.setAttribute("rel", "stylesheet");
    newcss.setAttribute("type", "text/css");
    newcss.setAttribute("href", newFile);
    document.getElementsByTagName("head").item(0).replaceChild(newcss, oldcss);
}

Другим решением будет добавление желаемых стилей с помощью jQuery илиjs.

$('.demo').css({'background-color':'red','color':'white');

Answer 2

Вы можете выбрать все элементы внутри оболочки с помощью * и переопределить:

Пример:

.mylink{
  color: red;
}

.mylink:hover{
  color: black;
}

.reset *{
  color: orange;
}

.reset *:hover{
  color: silver;
}

This is the link without reset: 
<a href="#" class="mylink">Link</a>


<div class="reset">
    This is the link with reset: 
    <a href="#" class="mylink">Link</a>
</div>

Answer 3

css означает Каскадные таблицы стилей, поэтому, добавив стиль, вы можете только изменить или удалить его, используя другой стиль.Ответить на ваш вопрос конкретно нет нельзя.или, как указано в комментариях, просто удалите таблицу стилей с этой конкретной страницы.