css - 可以从外部 .css 文件实现本地样式吗？

<分区>

我想大多数人都知道 HTML5 规范引入了作用域:

<style scoped="scoped">

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

我们更喜欢从外部 CSS 文件中引用本地样式，而不是嵌入样式，我们希望按如下方式进行:

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

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

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

最佳答案

您可以使用 @import rule在 style 元素中引用外部样式表:

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

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

关于css - 可以从外部 .css 文件实现本地样式吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28791999/

相关文章：

javascript - 将 div 拖放到 div 上