链接了两个CSS文件,只有一个被使用,其他被忽略

时间:2011-06-18 11:02:48

标签: css

通过include加载两个CSS文件时,我只看到其中一个被使用。另一个没有被包括在内,我不知道为什么。

我有一个标准的头文件,它包含在所有网站的页面上。

以下示例:

<html>
<head>
<link href="css/jquery-ui.css" type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>

这当然是标题的简化版本以简化。如您所见,两个CSS文件都在css目录中。但只识别主CSS文件。

4 个答案:

答案 0 :(得分:4)

无法加载其中一个CSS文件(可能是因为拼写错误或服务器配置错误)。您可以通过检查浏览器的开发人员工具中是否正确加载了所有资源来检测到这一点。

另一个原因可能是您隐式期望自己的样式表优先于默认的jQuery UI样式表。如果是这种情况,请在jQuery UI下移动自己的样式表,或者使规则比默认规则更加specific

This is a simple demo that shows that your example works

<强>解决方案:

在您的实例中,您缺少jQuery UI样式表的rel=stylesheet

<link href="css/jquery-ui-1.8.13.custom.css" type="text/css"/>

应该是

<link href="css/jquery-ui-1.8.13.custom.css" type="text/css" rel="stylesheet" />

答案 1 :(得分:2)

你缺少第一个链接标记中的rel属性,很可能这就是它没有被解析为CSS的原因。

答案 2 :(得分:0)

您似乎忘了关闭链接标记,只需在关闭两个标记之前添加正斜杠“/”。

答案 3 :(得分:0)

您确定第二个文件是否正确链接?例如,检查Firebug的NET面板,仔细检查它是否正在加载并且没有返回404错误或某些错误。

你不会成为第一个被无意识错误打倒的开发者!