There is a plugin that displays a slider. If checked without installation, i.e. The html code itself works fine. If li {color: blue;} is specified in the theme styles, this will work for the plugin's html code. I need to protect the html code of the plugin from the theme styles.

Properly, how to disable the theme style inheritance for the plugin?

  • one
    and what exactly this plugin inherits? - user33274
  • styles of the established theme. I need him to use only his own. - Hardc0re
  • Well, this is the usual css, do you know him? - user33274
  • It seems yes. But the problem is that inheritance happens automatically. Those. the plug-in has its sss which I connected. after inserting wp into the page, its styles are inherited. Edit theme styles under the plugin is not an option. - Hardc0re
  • and what happens during inheritance? - user33274

1 answer 1

The only way is to use shadow dom. But its browser support is not at all impressive. So you just have to write quite specific styles in a human way.