Как с помощью яваскрипта не применять файл стилей к определенному блоку?

Question

[Ambal89]

Друзья, подскажите, в яваскрипте не силен, можно ли сделать так, чтобы к определенному блоку на сайте не применялся файл стилей? Например, есть файл стилей app.css, есть блок, например, с id="widget". Как с помощью яваскрипта написать, что для блока widget файл app.css не применялся? Если такое вообще реально.

Comments

[sim3x]

Зачем?

[Ambal89]

sim3x, чтобы не перебивало стили. этот блок подключается с внешнего сайта, и вместо того, чтобы использовать свои стили, он использует стили темы.

[sim3x]

Ambal89, как он подключается с внешнего сайта?

[Ambal89]

sim3x,

spoiler

<!--SeDi-->
<div id="sedi-orderform3" data-city="Санкт-Петербург" data-map="false"></div>
<!--/SeDi-->

<!--SeDi-->
<script type="text/javascript">
window.SeDi_ = {
	BootstrapTheme: "slate",
    key: "9DC543D-C6CF-4C1-842-04093B2",
	config: function($){
		if ($.fn.sediorderform3){
			$("#sedi-orderform3").sediorderform3("option", "tariffimg", [
				{name: "минивен", img: "https://taxislava.ru/wp-content/uploads/2016/04/miniven.png"},
				{name: "бизнес", img: "https://taxislava.ru/wp-content/uploads/2016/04/biznes.png"},
				{name: "комфорт", img: "https://taxislava.ru/wp-content/uploads/2016/10/komfort.png"},
				{name: "эконом", img: "https://taxislava.ru/wp-content/uploads/2016/04/econom.png"}
			]);
		}
	}
};
</script>
<script src="https://spb2.sedi.ru/api.js" type="text/javascript" async></script>
<!--/SeDi-->

После чего div с ай ди sedi-orderform3 разрастается в форму

[nak-alexey]

Попробуй сделать следующее: создай класс через который будет происходить стилизация вложенных тегов и у определенного блока например с id = widget этоn класс убирай.

Answer 1

[TheRevan]

Единственное что приходит на ум - перетирать свойства

Answer 2

[Евгений Калибров]

Попробуйте подключить внешний блок со стилями как веб-компонент. Подробнее можете прочесть о них тут -
https://learn.javascript.ru/webcomponents в частности обратите внимание на Shadow DOM, который позволяет инкапсулировать стили элемента, так что бы он не зависел от глобальных стилей.

Answer 3

[Алексей]

Создайте файл default.css, там просто укажите класс, которому нужно сбросить все стили, подключаете также как и app.css и соответственно применяете класс к любому блоку.

https://webref.ru/course/css-basics/priority