你如何在html中引用多个.css文件?

时间:2010-03-24 20:13:26

标签: html css

我有一个homepage.html,它引用了styles.css(制作一个表格)。但是我也想让homepage.html引用styles12.css,因为在styles12.css中我有点击的CSS。

我如何引用两个.css文件?

<title>Testing Css/HTML files</title>
<link rel="stylesheet" type="text/css" href="style.css" />

我可以再制作一个<link rel="stylesheet" type="text/css" href="style12.css" />吗?

5 个答案:

答案 0 :(得分:25)

是的,只需添加第二位,如上所述:

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

答案 1 :(得分:6)

您也可以在其他样式表中使用@import

@import url("site.css");

答案 2 :(得分:3)

是。只需使用多个链接元素。

但请注意,效率不高,通常最好将所有样式表合并为一个文件。

答案 3 :(得分:2)

是的,规则的优先顺序将遵循基本的CSS优先级规则集,如果指定相同的属性,则后面的规则会覆盖之前的规则。

您可能需要阅读this article on specificity

答案 4 :(得分:1)

你能做到吗

<link href="style.css" rel="stylesheet" type="text.class"> 

这适用于为每个网页链接超过1个css页面

<link href="about.css" rel="stylesheet" type="text.class>