一个CSS页面可以引用另一个吗?

一个CSS页面可以引用另一个吗?,css,Css,假设我有css1.css和css2.css。 只是为了在我的文件系统/源代码管理中保持文件的有序性和小型性,我想将它们分开,但是在我的内容中,我仍然希望使用这两个文件中的所有定义 css1.css可以让css2.css可用,而不是在我的内容页面中链接引用。显然,您可以在页面上包含多个节点,但是您最好的选择可能是发布过程脚本/ant任务/自动构建过程,它可以根据一些清单甚至仅仅是文件名的顺序来连接或合并文件 您可以同时做其他事情,比如压缩css—自动优化部署文件 显然,您可以在页面上包含多个节点,

假设我有css1.css和css2.css。 只是为了在我的文件系统/源代码管理中保持文件的有序性和小型性,我想将它们分开,但是在我的内容中,我仍然希望使用这两个文件中的所有定义


css1.css可以让css2.css可用,而不是在我的内容页面中链接引用。显然,您可以在页面上包含多个节点,但是您最好的选择可能是发布过程脚本/ant任务/自动构建过程,它可以根据一些清单甚至仅仅是文件名的顺序来连接或合并文件


您可以同时做其他事情,比如压缩css—自动优化部署文件

显然,您可以在页面上包含多个节点,但您最好的选择可能是发布过程脚本/ant任务/自动构建过程,它可以根据一些清单,甚至仅仅是文件名的顺序来连接或合并文件


您可以同时做其他事情,比如压缩css—自动优化部署文件

假设两个样式表位于同一目录中,将此代码放在css1.css的顶部

@import url("css2.css");

假设两个样式表位于同一目录中,将此代码放在css1.css的顶部

@import url("css2.css");

您可以在css1.css中这样使用@import:

@import url("css2.css");
p { color : #f00; }

您可以在css1.css中这样使用@import:

@import url("css2.css");
p { color : #f00; }

我已经看到了很多;导入url(“css2.css”)功能,因此这绝对是实现目标的一种方法

我已经看到了很多;导入url(“css2.css”)功能,因此这绝对是实现目标的一种方法

重复:当心@import,浏览器无法缓存这些样式表,因此前端性能下降degrades@dcaunt:有意思,有人引用了吗?嗯,我想性能问题实际上是IE在这种情况下不支持渐进渲染。如果我找不到链接,我将删除注释。看起来我错了-@导入的工作表可以缓存。史蒂夫·索德斯博客上关于链接和导入的进一步研究他对雅虎做了很多工作!performance researchduplicate:当心@import,浏览器无法缓存这些样式表,因此前端性能会下降degrades@dcaunt:有意思,有人引用了吗?嗯,我想性能问题实际上是IE在这种情况下不支持渐进渲染。如果我找不到链接,我将删除注释。看起来我错了-@导入的工作表可以缓存。史蒂夫·索德斯博客上关于链接和导入的进一步研究他对雅虎做了很多工作!性能研究我认为这是不赞成的,因为导入的CSS样式表的特异性较低,可能会导致意外的错误。@Steven:你确定吗?CSS 2.1规范中关于层叠()的部分说:“导入的样式表中的声明被认为是在样式表本身的任何声明之前。”它没有说任何关于
@import
影响特定性的内容。我不是完全肯定,但我想我以前在某个地方读过。我再也找不到它了,所以我想你应该认为它是错误的,除非证明是正确的。我相信如果没有其他理由,因为导入的CSS样式表的特殊性会导致意想不到的错误,这是令人不快的。@史提芬:你确定吗?CSS 2.1规范中关于层叠()的部分说:“导入的样式表中的声明被认为是在样式表本身的任何声明之前。”它没有说任何关于
@import
影响特定性的内容。我不是完全肯定,但我想我以前在某个地方读过。我再也找不到它了,所以我猜你应该认为这是错误的,除非证明是错误的。