是否可以在 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/