html - 如何包含保存在目录中的所有 css?

标签 html css

是否可以在 html 中一次包含多个 css?或者更确切地说,是否可以一次包含目录中的所有css?
像目前我们所做的是:-

<link type="text/css" rel="stylesheet" href="./tabs_css/navigation.css">

我需要这样的东西:-

<link type="text/css" rel="stylesheet" href="./tabs_css/*.css">

这可能吗?或者有其他选择吗?

最佳答案

您可以创建一个包含在每个页面中的主样式表,并且在该 css 文件中您可以使用 @import 来包含其他样式表。

这并没有解决必须手动包含每个单独的 css 文件的问题,但至少它将它封装在主样式表中,因此您不必在每个 html 文件中重复所有引用。如果您添加额外的 css 文件,您只需要在主 css 中添加一个引用,所有页面都可以访问它。

示例 HTML CSS 引用:

<link href="master.css" type="text/css" />

示例 Master CSS (master.css):

@import url(style1.css);
@import url(style2.css);
@import url(style3.css);

阅读更多关于 when to use @import and its compatibility with older browsers 的信息.

关于html - 如何包含保存在目录中的所有 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51378624/

相关文章:

html - 设置当前页面的文本

javascript - 在 'body' 标签末尾添加文本/HTML

java - 如何使用java在HTML文档中定位特定的td

html - 2 div float 但高度相同

javascript - CSS 技巧或 javascript

Javascript 幻灯片放映速度

javascript - 路线正在下载页面而不是显示它

jquery - 叠加滚动条

javascript - css - 如何处理选项卡中的折叠边框

使用多个行跨度时,HTML 单元格不会合并高度