应用错误收集

我有一个项目，需要在另一个HTML文档（外部文档）中嵌入HTML文档（内部文档）。

内部文档包含带有一些CSS的样式标签，我想确保该样式标签中的CSS不会以任何方式（例如！important等）影响我的外部文档。

我已经测试了object标签，它很好地封装了CSS，但是我找不到有关如何/为什么起作用的任何文档。任何人都可以阐明其工作原理，以及内部文档中的CSS是否有任何方法影响外部文档？

outside.html

<html> 
    <body> 
        <h1>Outertest</h1>
        <object data="inside.html"></object >
    </body> 
</html>

inside.html

<html>
    <head>
        <style>h1{color:red !important}</style>
    </head>
    <body>
        <h1> Inner Test </h1>
    </body> 
</html>