可以从外部的.css文件实现本地风格吗？

我想大多数人都知道HTML5规范引入了以下范围：

<style scoped="scoped">

允许存在于页面

部分之外的本地范围的样式元素

我们的首选是从外部CSS文件中引用本地样式，而不是嵌入样式，我们希望这样做：

<link href="somelocalstylefile.css" rel="stylesheet" type="text/css" scoped="scoped">

但是本地化的

功能不是HTML5规范的一部分

有人知道我们可以从外部CSS文件本地应用样式的另一种兼容HTML5的方法吗？

您可以使用

样式内的元素来引用外部样式表：

 <style scoped>
 @import "somelocalstylefile.css";
 </style>


@导入“somelocalstylefile.css”；

请注意，对的支持仍然有限。更糟糕的是，不支持它的浏览器将
style
元素中的规则作为一个整体应用到文档中，就好像它是
head
部分中的正常
style
元素一样。
属性是命名的，而不是
scope
。这是一个布尔值，所以使用
scoped
或
scoped=“scoped”
，而不是
scoped=“true”
。你的问题是什么？这看起来不像是一个问题，而是对某些所需功能的咆哮。@oriol-谢谢您已更正（请随意更正您看到的任何其他打字错误）@JukkaK.Korpela-我已重新编写，希望您能找到更易于访问的方式。如果你有答案，请一定要回复！“有人知道我可以用HTML5实现上述功能的方法吗？即，从外部文件中使用局部作用域样式？”–AJAX/JSONP您的文件内容，并自己将其放入作用域
样式
元素中…？原则上这看起来很棒！如果你不介意的话，请确认一下：上述方法是否“合法”i.t.o.是HTML5标准？（顺便说一句，虽然我知道Firefox确实支持范围限制，但我并不真正关心其他浏览器是否支持范围限制（我的工作假设是在不久的将来主流浏览器会支持范围限制：o））这是合法的：HTML5不限制
样式
元素中样式表的内容，范围
属性是否存在。CSS已经有了
@import
很长一段时间了。谢谢Jukka，我们已经测试过了，你的答案很有效。不幸的是，在应用样式之前，使用此方法返回的内容会在短时间内显示为未设置样式。我读了一些，这似乎是@import的一个已知问题。我们建议了一些变通方法，但不幸的是，它们不适用于我们的情况……因此，对于少量的样式设置，我们坚持使用范围样式（不使用@import），当需要较大的卷时，使用页面全局链接方法。