跳至主要內容

函式 url 禁止路徑清單

指定不允許的 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 次要選項 可以接受此規則的引數。

選項

陣列|字串|正規表示式: ["陣列", "of", /架構/, "/正規表示式/"]|"架構"|"/正規表示式/"|/正規表示式/

給定

["ftp", "/^http/"]

以下模式被視為問題

a { background-image: url('ftp://www.example.com/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('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs='); }
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'); }