Игнорировать правила стиля документа в одном элементе

Question

Я пишу сценарий greasemonkey, который добавляет sticky notes к веб-сайтам. Поскольку иногда на некоторых сайтах используются довольно странные правила стиля, липкие заметки иногда оказываются испорченными (или, по крайней мере, не похожими на то, что я хочу, чтобы они смотрели).

Есть ли способ сказать, что «под этим элементом не применяются общие шаблоны»? Так что правила, связанные с именами тегов, не применяются, но правила, связанные с определенными классами и идентификаторами, все еще существуют. Или у кого-нибудь есть лучшая идея о том, как обеспечить, чтобы только стили применялись к липким заметкам?

Answer 1

AFAIK, это на самом деле невозможно.

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

Answer 2

Вы пробовали ключевое слово «! Important»?

Он переопределяет иерархию наследования CSS.

Answer 3

Это звучит просто как проблема специфики css для меня, не так ли? Похоже, вы должны просто сделать ваши правила css более конкретными и устойчивыми (не ретранслировать по существующим правилам, ожидать изменения по умолчанию и писать нужные вам правила).

Вот некоторые ссылки, чтобы прочитать о CSS специфичностью:

• http://reference.sitepoint.com/css/specificity

• http://css-tricks.com/specifics-on-css-specificity/

Answer 4

Это действительно проблема специфичности. Я предполагаю, что у вас есть ваши липкие заметки в одном элементе div#stickyContainer, и в этом случае вам следует применить переопределение свойств CSS к элементам по тому факту, что они принадлежат этому элементу, и убедитесь, что вы сбросили все.

То есть, в div#stickContainer div.sticky { ... } убедитесь, что вы установили каждый CSS свойство к тому, что вы хотели бы быть, даже если вы просто установив их в обычном браузере по умолчанию, и включают в себя !important ключевое слово следующее каждая директива.

Answer 5

Поместите код, который вы хотите освободить от правил CSS в отдельном документе, и используйте <iframe src='[location]' />. Это то, что мы делаем для примеров HTML в сообщениях в блогах.