使用@import 时的子资源完整性

Question

使用@import 时包含子资源完整性的语法是什么？

@import url(//use.fontawesome.com/releases/v5.3.1/css/all.css);

Besically如何在使用时包含子资源完整性和跨域参数@import？

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Answer 1

TL;DR：SRI 是浏览器的东西，CSS at-rules（如 @import）是 css 的东西。

使用 @import 时包含子资源完整性的语法是什么？

据我所知，当前的 CSS 规范（撰写本文时起草的 CSS3）中没有任何内容（其中定义了 @import 的用法）详细说明了 css 的 SRI 用法。

本质上，当使用上面的 @import 时，如何包含子资源完整性和跨域参数？

这些参数定义浏览器如何获取资源并解释其合法性。这发生在资源实现之前（js、css 等）。

外部资源：

• CSS3 规范草案（特定于 at-rule 使用）：https://drafts.c​​sswg.org/css-cascade-3/#at-ruledef-import
• 有关 @import 用法的 MDN 页面：https://developer.mozilla.org/en-US/docs/Web/CSS/@import
• 详细介绍 SRI 的 MDN 页面：https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity