是否可以将一个CSS文件包含在另一个CSS中?


当前回答

@import url('style.css');

与最佳答案相反,在使用HTTP/2.0时,不建议将所有CSS文件聚合到一个块中

其他回答

使用altervista和wordpress导入引导

我用这个在altervista中用wordpress导入bootstrap.css

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");

它工作得很好,因为如果我把html链接rel代码放到页面中,它会删除它

Yes:

@import url("base.css");

注:

@import规则必须先于所有其他规则(@charset除外)。额外的@import语句需要额外的服务器请求。作为替代方案,将所有CSS连接到一个文件中,以避免多个HTTP请求。例如,将base.css和special.css的内容复制到base-special.css中,并仅引用base-specific.css。

无论出于什么原因,@import对我来说都不起作用,但它真的没有必要,是吗?

下面是我在html中所做的:

  <link rel="stylesheet" media="print" href="myap-print.css">
  <link rel="stylesheet" media="print" href="myap-screen.css">
  <link rel="stylesheet" media="screen" href="myap-screen.css">

注意,media=“print”有两个样式表:myap-print.css和myap-screen.css。这与在myap-pprint.css中包含myap-screen.css的效果相同。

对可以将CSS文件导入另一个CSS文件。

它必须是使用@import规则的样式表中的第一个规则。

@import "mystyle.css";
@import url("mystyle.css");

唯一需要注意的是,较旧的web浏览器将不支持它。事实上,这是从较旧的浏览器隐藏CSS样式的CSS“黑客”之一。

有关浏览器支持,请参阅此列表。

是的,您可以轻松地将一个css导入到另一个css(网站中的任何位置)你必须像这样使用:

@import url("url_path");