Estoy haciendo una extensión del navegador. Crea algo de interfaz de usuario en la página. En la interfaz de usuario, hay elementos que están siendo modificados a la fuerza por css dependiendo de que se abra un sitio web. Además de hacerlo feo, ¡también podría romper toda la interfaz de usuario! La pregunta es ¿cómo proteger a mis pobres elementos del terror css?
Hay múltiples opciones, como iframes, nombres de clase extremadamente específicos y agregar el campo !important en todas partes. Pero su mejor apuesta podría ser usar un DOM en la sombra que permita un árbol DOM oculto adjunto al DOM normal (quizás ese sitio web de terceros).
He visto otro hilo en esta publicación que podría proporcionar respuestas más detalladas.