浏览器支持@import

Question

每当我使用一些CSS属性时，我会在www.caniuse.com查看浏览器支持，虽然它们尚未包含Opera Mini 8，但它仍然是一个不错的网站。

现在对于一个项目，我有多个CSS文件，我有条件地使用，所以我必须使用@import规则，但我不知道浏览器支持，我也查看了www.caniuse.com但它不存在，我用Google搜索，但是每个网站和博客都讨论对@media规则的支持，但不是@import，他们只讨论@import更好或者使用grunt等缩小css更好。

有人可以告诉我@import的浏览器支持是什么，我可以使用它吗？

Answer 1

根据MDN @import，所有主流桌面和移动浏览器以及IE / IE移动版本均支持5.5 +。

Also note：

  

Netscape 4.x和IE 3.x不支持@import规则。互联网   Explorer 6及更低版本不支持媒体指定。 IE 4.x有   对@import规则有一些支持，但它很不稳定，最好不要   依靠它。

Answer 2

当然你可以使用@import。你问为什么不在不同的网页设计博客上讨论它，所以我认为原因是因为它得到了广泛的支持，所以不再需要讨论它的支持了。

IE 4.x对@import规则有一些支持，但是后来的版本（甚至IE 5也被认为是旧的浏览器而且没有人再使用它）支持@import规则。

所以去吧，并使用它无所畏惧，但正如你在问题中所说，当然如果你已经在使用node.js，还有更好的方法，如grunt。

Answer 3

最好不要使用@import，
使用@import不是最佳做法。 @import很棒，当有某些浏览器不能理解样式时，因为你可以说html注释，所以如果用户代理（浏览器）不理解@import规则就赢了＆＃ 39; t导入它，这样你就可以使用@import定位特定的浏览器。但是现在这个时间已经过去了，每个现代或者有点旧的浏览器都支持它，所以没有理由将它用于像grunt或其他技术那样结合和缩小你的样式，从而减少HTTP请求的东西。 @import不如使用链接标记那么高效，它不仅广泛使用。