Emchik
@Emchik
Что-то прикольное сделать могу

Как изолировать виджет от стилей сайта?

Ситуация следующая - разрабатываю виджет для себя, который подключается с помощью коротенького скрипта и HTML кода:
<div id="myWidget"></div>

<script type="text/javascript">
	(function (w,d,s,o,f,js,fjs) {
		w['MyWidget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) };
		js = d.createElement(s), fjs = d.getElementsByTagName(s)[0];
		js.id = o; js.src = f; js.async = 1; fjs.parentNode.insertBefore(js, fjs);
	}(window, document, 'script', 'bw', 'main.js'));
	bw('init', { key: 'XXXXXXXXXXXX' });
</script>

и всё ок - подключается и работает, но стили сайта или блока влияют на сгенерированный виджет.
Вопрос - как мне изолировать сгенерированный виджет от стилей и скриптов сайта, на котором он появляется? Нужно по аналогии с iframe.
  • Вопрос задан
  • 65 просмотров
Пригласить эксперта
Ответы на вопрос 1
Adamos
@Adamos
#myWidget * {
	 all: initial;
 }
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы