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

CSS

飞云小卤蛋

2020-03-16

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

第1688篇《是否可以将一个CSS文件包含在另一个CSS文件中?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

12个回答
JinJin老丝 2020.03.16

我偶然发现了这个,我只是想说请在CSS中不要使用@IMPORT !!!导入语句将发送到客户端,客户端再执行另一个请求。如果要在各种文件之间划分CSS,请使用Less。在Less中,import语句在服务器上发生,并且输出被缓存,并且不会通过强制客户端建立另一个连接而对性能造成不利影响。Sass也是我没有探索过的一种选择。坦白说,如果您不使用Less或Sass,则应该开始。http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html

小宇宙西里 2020.03.16

使用Altervista和Wordpress导入引导程序

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

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

而且效果很好,因为如果我将其放入页面,它将删除html链接相关代码

村村伽罗Mandy 2020.03.16

出于某种原因,@ 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”具有2个样式表:myap-print.css和myap-screen.css。与将myap-screen.css包含在myap-print.css中的效果相同。

小宇宙Tom 2020.03.16

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

@import url("url_path");
乐飞云 2020.03.16

是的,可以使用@import并提供css文件的路径,例如

@import url("mycssfile.css");

要么

@import "mycssfile.css";
小小Near 2020.03.16

@import("/path-to-your-styles.css");

这是使用css将css样式表包含在css样式表中的最佳方法。

阳光Itachi村村 2020.03.16

是的,使用@import

详细信息可轻松搜索,http: //webdesign.about.com/od/beginningcss/f/css_import_link.htm上的好信息

十三A 2020.03.16

是。

@import "your.css";

该规则在此处记录

泡芙Gil 2020.03.16

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

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

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

唯一的警告是较旧的Web浏览器将不支持它。实际上,这是从旧版浏览器隐藏CSS样式的CSS“ hack”之一。

请参阅此列表以获取浏览器支持。

2020.03.16

在某些情况下,可以使用@import“ file.css”,并且大多数现代浏览器都应支持此功能,而诸如NN4之类的较旧的浏览器将略有不足。

注意:import语句必须在文件中的所有其他声明之前,并在所有目标浏览器上对其进行测试,然后才能在生产环境中使用它。

达蒙猿 2020.03.16

是:

@import url("base.css");

注意:

  • @import规则必须先于所有其他规则(除外@charset)。
  • 其他@import语句需要其他服务器请求。或者,将所有CSS连接到一个文件中,以避免多个HTTP请求。例如,复制的内容base.cssspecial.cssbase-special.css和仅供参考base-special.css
小哥GO 2020.03.16

@import url("base.css");工作正常,但要记住,每一个@import语句是对服务器的新请求。对于您来说,这可能不是问题,但是当需要最佳性能时,应避免使用@import

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android