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 it’s compatibility with older browsers.

猜你在找的HTML相关文章