`@ import`不包含样式，即使url 100％正确

Question

我尝试包含css样式。

@import url("http://mydomain.com/theme/css/reset.css")

但未包含样式

当我在浏览器中打开http://mydomain.com/theme/css/reset.css时，所有内容都已加载，我可以看到css规则。我做错了什么？

Answer 1

@import需要分号：

@import url("http://mydomain.com/theme/css/reset.css");

来自MDN https://developer.mozilla.org/en-US/docs/Web/CSS/@import

  

@import url;
  或
  @import url list-of-media-queries;

     

其中：

     

url是或代表资源的位置   进口。 URL可以是绝对或相对URL。请注意   url不需要实际指定文件;它可以只指定包   名称和部分，将自动选择适当的文件   （例如，chrome：// communicator / skin /）。有关更多信息，请参见此处。

     

media-of-media-queries是以逗号分隔的媒体查询列表   调节链接中定义的css规则的应用   网址。如果浏览器不支持任何这些媒体类型，则不会   甚至加载链接的资源。