2014-10-27 48 views
0

我正在将一个网站的标题从一个网站集成到另一个网站。 头文件依赖于外部的css文件,以及js文件。CSS @import是否导致文件扩展名被忽略?

我试着使用<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> 

创建以下要求(如使用招所示):

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

所以我的问题是, 为什么.css忽略,可以解决此问题?

问候, jerom

回答

0

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属性。

+0

感谢您的清除。我的印象'范围'是更多的浏览器支持。 – 2014-10-27 12:23:29

+0

@yaronhochman不客气。如果这篇文章解决了您的问题,请将此帖标记为已接受的答案。 :) – 2014-10-27 13:17:13