Сброс стилей элемента на JS

Question

[SciFi]

Есть некий код. Допустим, такой:
<ul class="a"><li>1</li><ul>
Для этого кода есть стили, которые достаточно серьезно его видоизменяют.

Код этот предназначен для вставки на другие сайты. В разные места сайта, предвидеть невозможно. И вот проблема в том, что часто стили другого сайта портят мой код. Например, на сайте применяется стиль:
#workarea ul li { text-indent: -1.35em; }
И мой элемент тоже попадает под его действие я вся верстка едет.

Вопрос заключается в том, как избавить мой элемент от влияния внешних стилей? Или может есть на JS какой-нибудь reset стилей на browser default?

Answer 1

[Vitaliy Petrychuk]

В таких случаях лучше всего использовать iframe.

Answer 2

[Никита Гусаков]

Инлайн-стили — зло, но может в данном случае оправданное?
Если допустим через iframe нельзя

Answer 3

[Олег Яковенко]

Ну можно как вариант навесить пару врапперов с идентификаторами. Я думаю штук пяти хватит. Правда селекторы вырастут до небес вида #id1 #id2 #id3 #id4 #id5 ul.a
Такую штучку будет сложно переопределить. Как минимум либо 6 идентификаторов, либо дополнительный класс для ul. Не производительное дело конечно, но и задачи не всегда тривиальные бывают.

Comments

[Doktor_Gradus]

Угу, особенно для вставки на сторонний сайт, чтоб там всё ещё медленнее грузилось.

[Олег Яковенко]

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