Question

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

<style scoped="scoped">

允许存在于页面<head>部分之外的本地范围的样式元素。

我们倾向于从外部CSS文件中引用本地样式，而不是嵌入式样式，我们希望如下所示：

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

但本地化<link>功能不属于HTML5规范的一部分。

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

Answer 1

您可以使用style元素中的@import rule来引用外部样式表：

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

请注意，对scoped attribute的支持仍然有限。更糟糕的是，不支持它的浏览器会将style元素中的规则作为一个整体应用于文档，就好像它是style部分中的普通head元素一样。