是否可以在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 it’s compatibility with older browsers.