外部文件加载主页面CSS文件

Question

在我的页面中使用onclick加载外部html文件

主页

• 在主页面中，我在HEAD标记，bootstrap，main.css，icon.css
中链接了3个CSS文件

外部页面

• 在外部页面中，我只有一个CSS文件style.css

错误

• 当外部文件加载时，它与bootstrap.css链接。如何使用bootatrap.css`停止外部页面链接？
• 如何仅链接style.css file以链接外部文件？

所有CSS文件都链接在特定文件的头标记中，外部文件在DIV中加载

Answer 1

您在页面上加载的每个CSS都可用于该页面上的所有元素。没有办法按原点分开它们。但是您可以为加载外部页面的元素指定一个id，并为它定义/覆盖样式。

#containedIdHere {
    ...
    specific rules
    ...
}

其他选择器也可以正常工作：

#containedIdHere .someClass {
    ...
    specific rules
    ...
}