How to not apply a style file to a specific block using javascript?

Question

JavaScript

Friends, tell me, I'm not strong in javascript, is it possible to make sure that a style file is not applied to a specific block on the site? For example, there is a style file app.css, there is a block, for example, with id="widget". How to write using javascript that the app.css file was not used for the widget block? If this is even real.

Answer 1

The only thing that comes to mind is to grind properties

Answer 2

Try connecting the external block with styles as a web component. You can read more about them here -
https://learn.javascript.ru/webcomponents In particular, pay attention to the Shadow DOM, which allows you to encapsulate the styles of an element so that it does not depend on global styles.

Answer 3

Create a default.css file, just specify the class to which you want to reset all styles, include the same as app.css and apply the class to any block accordingly.
https://webref.ru/course/css-basics/priority