Сброс и переопределение CSS под определенным элементом

Question

У меня есть элемент, который можно вставить на любую страницу с помощью аддона Firefox.

Естественно, на него и его предков влияют правила CSS, определенные на этой странице.

Я могу пойти так далеко, просто явно указав каждый атрибут, но даже тогда мои объявления могут быть переопределены более ранним объявлением на странице с большей спецификой.

Не создавая большого беспорядка из-за ненужных специфических селекторов и использования Хануса !important, как я мог бы сбросить атрибуты всех элементов в данном элементе (div#my_root_container_element) и убедиться, что мои объявления в этом родительском элементе применимы.

Использование iFrame - это один из вариантов, но я бы предпочел избежать его, если это возможно - есть ли другой способ? Учитывая приложение, решения должны работать только в Firefox.

Спасибо.

Answer 1

Используя SASS, это не слишком неприятно вкладывать все под div с идентификатором для достижения достаточной специфичности, что является решением, которое я выбрал.

При этом любой *Объявление 1005 * на странице CSS отменяет мои стили.

Answer 2

Очевидно, похоже, что это имеет целью переопределить «специфичность», которая является основной для CSS в целом, но это самое близкое, что я помню, когда-либо, когда кто-то пытался это сделать.В то время это казалось заслуживающим уважения человеком, связанным с проектом YUI:

http://developer.yahoo.com/yui/reset/#code