Question

我正在将一个网站的标题集成到另一个网站。标头依赖于外部css文件以及js文件。

我尝试过在其中使用<style scoped>和@import url('')的方法约束导入的css的效果（使用框架不是一个选项...）

问题是这行代码：

<style scoped>
@import url("https://staging.redmatch.com/Staging_RecruiterPro/Candidate/FileServer/Affiliates/512888/CSS/system.base.css?n7xfen");
</style>

创建以下请求（使用fiddler看到）：

https://staging.redmatch.com/Staging_RecruiterPro/Candidate/FileServer/Affiliates/512888/CSS/system.base?n7xfen

所以我的问题是，为什么 .css 会被忽略，是否可以解决此问题？

的问候， jerom

Answer 1

根据MDN，我们应该考虑让范围功能发挥作用：

[1] Supported in Chrome 20+ by enabling the "Enable <style scoped>" or "experimental WebKit features" flag in chrome://flags.

[2] Gecko 20 and later implement :scope pseudo-classes, but the preference layout.css.scope-pseudo.enabled must be set to true. This is only the case by default in Nightly and Aurora test versions.

..还可以查看同一链接中的live example，了解您的浏览器是否支持scope属性。

CSS @import是否导致遗漏文件扩展名？

1 个答案: