div的范围外部CSS文件（没有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"

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

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。