html - div 的范围外部 CSS 文件(没有 CSS 文件应该只链接)

Question

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

bootstrap.css
main.css
icon.css

这是我页面中的三个文件

我页面中的函数

• 正在使用 Onload 和 Onclick 函数
• 当我点击一个链接时，一个外部 HTML 文件将被加载
• 外部文件有自己的 CSS 文件，名为 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>