function-url-scheme-allowed-list

指定允许的 URL 方案列表。

a { background-image: url('http://www.example.com/file.jpg'); }
/**                        ↑
 *           This URL scheme */

一个 URL 方案 由字母数字、+、- 和 . 字符组成。它可以出现在 URL 的开头，后面跟着 :。

此规则忽略

• 没有现有 URL 方案的 URL 参数
• 带有变量或变量插值的 URL 参数 ($sass、@less、--custom-property、#{$var}、@{var}、$(var))

该 message 次要选项 可以接受此规则的参数。

选项

array|string|regex: ["array", "of", /schemes/, "/regex/"]|"scheme"|"/regex/"|/regex/

给定

["data", "/^http/"]

以下模式被视为问题

a { background-image: url('file://file.jpg'); }

以下模式不被视为问题

a { background-image: url('example.com/file.jpg'); }

a { background-image: url('/example.com/file.jpg'); }

a { background-image: url('//example.com/file.jpg'); }

a { background-image: url('./path/to/file.jpg'); }

a { background-image: url('http://www.example.com/file.jpg'); }

a { background-image: url('https://www.example.com/file.jpg'); }

a { background-image: url('HTTPS://www.example.com/file.jpg'); }

a { background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='); }