Переопределить стиль сайта CSS с помощью таблицы стилей на странице

Question

Переопределить стиль сайта CSS с помощью таблицы стилей на странице

0

Есть ли способ переопределить все другие CSS на странице и применить другую таблицу стилей. У меня есть файл с тегами H1, H2, P, указанными в таблице стилей, но в модальном окне я хочу применять отдельные стили, но стили игнорируются вместо стилей сайта. Есть ли способ остановить использование начальных стилей сайта

Jay 12 нояб. 2013, в 12:30

Источник

0

Нет, вы не можете вернуться и удалить то, что уже было применено, поэтому для «каскадирования» вам просто нужно перезаписать стили.
George 12 нояб. 2013, в 11:29

Теги:

html

css

stylesheet

3 ответа

1

Напишите свои новые стили ниже, чем те, которые вам нужно переопределить. Это будет работать для вас.

Nitesh 12 нояб. 2013, в 10:06

1

Вы можете добавить еще одну таблицу стилей на страницу после загрузки других. Затем убедитесь, что правила, которые вы пишете в нем, имеют более высокую степень отличимости, чем те, которые вы хотите переопределить.

Так что если ваша главная страница CSS имеет что-то вроде этого:

p { color: #000000; }

Вы можете переопределить его в своем модальном стиле (если ваш модальный имеет class="modal"):

.modal p { color: red; }

Другой вариант - загрузить модальный контент в iframe, используя страницу, на которой есть только ваши стили.

Olly Hodgson 12 нояб. 2013, в 08:35

Ещё вопросы

Нет, вы не можете вернуться и удалить то, что уже было применено, поэтому для «каскадирования» вам просто нужно перезаписать стили.

SW4 · Accepted Answer · 2013-11-12T08-41-00.000Z

Самый простой способ - удалить все теги таблиц стилей из элемента HEAD страницы с помощью JS, за исключением листа, который вы хотите (или затем добавить в этот лист).

Если вы используете jQuery,

$('link[rel=stylesheet]').remove();

Или настроить таргетинг на конкретные листы:

$('link[rel=stylesheet][href~="whatever.css"]').remove();

Хотя это, как заметил @Olly Hodgson, было бы излишним и уничтожить стиль, на который вы положились бы на страницу.

Реалистично разместите предпочтительную таблицу стилей ниже всех остальных (и любого встроенного CSS), она переопределит любые правила, не используя !important демаркацию. Кроме того, если вы пишете CSS, а конкретный стиль не применяется, используйте !important, например:

   div{height:99px!important;}

Удаление всех существующих стилей страницы во время загрузки модального режима выглядит излишним. А что происходит, когда пользователь закрывает модал?
В любом случае, ужасная идея, но это было то, что нужно было сделать, спасибо