@import CSS无效

Question

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

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

我可以看到CSS正在嵌入到页面中，但它似乎并没有影响页面。

您可以查看实时网页here。

这究竟是什么问题？

Answer 1

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

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

使用//会使请求使用与页面相同的方案。在您的情况下，页面方案是https。但是，您是通过http加入的。有些浏览器会认为这不安全并阻止资源。 那是您没有看到导入的原因（它正在运行）。您当然可以将@import更改为使用https或//。

您还可以更新浏览器设置以允许加载不安全的资源，但这是每用户设置。如果你使用的是Chrome，你会发现收藏星的左边有一个盾牌。

url的{​​{1}}声明中不需要引号。

编辑：始终使用@import