Остановите Div от воздействия других правил CSS

Question

Я хочу, чтобы div на моей странице имел идентификатор заголовка, но, поскольку характер сайта требует загрузки на страницу стороннего кода, я хочу, чтобы div заголовка не затрагивался никаким CSS, кроме явно заданного CSS для этого через #header {}

возможно? Я бы предпочел не использовать фреймы для разделения или чего-либо подобного.

Answer 1

Чтобы гарантировать это, вам, вероятно, потребуется какой-то сброс CSS. Например, подумайте обо всем, что может на него повлиять, и сначала установите для него значение по умолчанию.

Это может осложниться в зависимости от того, как выглядит CSS для вашего сайта. Возможно, было бы неплохо реорганизовать ваш CSS так, чтобы это не повлияло на вещи в #header {}.

Answer 2

Вам необходимо установить правило сброса для вашего #header, которое будет переопределять все свойства, которые вы хотите защитить, с !important рядом с ними, чтобы они переопределяли любое другое правило.

Это была бы базовая защита, но она все еще может быть переопределена ... нет способа полностью защитить ее от преднамеренных попыток переопределить ее ... если вы пытаетесь защитить ее от ошибок, а не преднамеренных попыток, просто добавьте действительно скрывать имя класса и стилизовать его от класса, а не от селектора идентификатора ...

Answer 3

Правила CSS имеют порядок приоритетов. Правила! Important и ID, основанные на идентификаторе, имеют наивысший приоритет, поэтому, если вы убедитесь, что идентификатор уникален, вы не увидите никаких серьезных проблем. Быстрый поиск в Google дал это, http://hungred.com/useful-information/css-priority-order-tips-tricks/. Я не могу вспомнить фактический URL, хотя.