css - @import CSS 不工作

Question

我正在使用Chargify服务，在他们的设置中，它们允许您包含一些自定义 CSS。我包括

@import url(http://swag-box.herokuapp.com/chargify.css);

我可以看到 CSS 被嵌入到页面中，但无论如何它似乎并没有影响页面。

您可以在此处查看实时页面。

这里到底有什么问题？

Answer 1

@import不需要使用。你可以这样做：

<link rel="stylesheet" type="text/css" href="//swag-box.herokuapp.com/chargify.css">

的使用//使请求使用与页面相同的方案。在您的情况下，页面方案是https. 但是，您包括 via http。一些浏览器会认为这是不安全的并阻止资源。 这就是为什么您没有看到导入（它正在工作）。您当然可以将 更改@import为使用https或//。

您还可以更新浏览器设置以允许加载不安全的资源，但这是针对每个用户的设置。如果您使用的是 Chrome，您会注意到收藏夹星的左侧有一个盾牌。

url的声明中不需要引号@import。

编辑：总是使用https