范围外部CSS文件为div（没有CSS文件应该只链接）

Question

在我的页面中我有三个CSS文件

bootstrap.css
main.css
icon.css

这些是我页面中的三个文件

我页面中的功能

• 使用Onload，Onclick功能
• 当我点击链接时，将加载外部HTML文件
• 外部文件有自己的CSS file名为style.css

  错误

加载外部文件时，它与bootstarp.css链接如何停止与此文件的外部文件链接 外部文件将加载

<div class="page">
<!--/external file loading place-->                
</div>

如何将style.css与class="page"

相关联

• 并且class="page"
内没有其他CSS文件链接

Answer 1

您应该使用Scoped Stylesheets和JQuery Scoped CSS plugin（由于目前缺乏浏览器支持）。

您的HTML代码如下所示：

<div class="page">
    <style scoped>
        @import "style.css";
    </style>
    <!-- Your HTML goes here -->
</div>

Answer 2

我相信bootstrap css总会影响整个页面上div的内容。

要创建一个不受影响的区域，您需要将外部文件加载到iframe而不是div。