为什么有些css @import命令使用url（）而其他命令只是放置字符串

Question

直接来自我的CSS文件的示例：

@import 'https://fonts.googleapis.com/css?family=Lato:700';
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');

我为我的WordPress网站购买了一个漂亮的主题，一些CSS字体就是这样导入的。我把所有这些结合起来，我只是不确定区别。

我做了一些研究，并注意到Mozilla也在他们的例子中翻了两个。

Answer 1

来自W3规范：

  

以下几行的含义相同，并说明了两者   '@import'语法（一个带有“url（）”，一个带有一个裸字符串）：

     

@import“mystyle.css”;
  @import url（“mystyle.css”）;

Answer 2

两种方式都是正确的，它们是等价的。

这是W3C: Cascading Style Sheets (CSS) — The Official Definition的引用：

  

@import的语法是：

@import [ <url> | <string> ] <media-query-list>? ;

     

<url>或<string>提供要导入的样式表的网址，可选的<media-query-list>（导入条件）说明适用的条件。

     

如果提供<string>，则必须将其解释为具有相同值的网址。