Chrome和IE中只加载了n个外部CSS文件中的第一个
我有一个奇怪的问题,从网上找不到原因 问题是:使用下面的代码,reset.css可以工作,但下面的两个css文件不工作 如果我删除reset.cc,第二个css就会工作。如果我删除了前两个,那么最后一个就行了 总而言之,Chrome和IE中只加载了n个外部CSS文件中的第一个。这是我的工作计算机。我不是这台计算机的管理员。我在自定义的“我的文档/web”文件夹中工作。除reset.css外,我还从头创建了所有html和css 我确信所有文件都已加载。确保这不是缓存问题。我在本地文件夹环境中完成了工作 Chrome版本:25.0.1364.172 IE版本:9 我的外部css订单:Chrome和IE中只加载了n个外部CSS文件中的第一个,css,html,internet-explorer,google-chrome,Css,Html,Internet Explorer,Google Chrome,我有一个奇怪的问题,从网上找不到原因 问题是:使用下面的代码,reset.css可以工作,但下面的两个css文件不工作 如果我删除reset.cc,第二个css就会工作。如果我删除了前两个,那么最后一个就行了 总而言之,Chrome和IE中只加载了n个外部CSS文件中的第一个。这是我的工作计算机。我不是这台计算机的管理员。我在自定义的“我的文档/web”文件夹中工作。除reset.css外,我还从头创建了所有html和css 我确信所有文件都已加载。确保这不是缓存问题。我在本地文件夹环境中完成了
body{
background-color:yellow;
}
body{
font-size:300%;
}
responsive.css
body{
background-color:yellow;
}
body{
font-size:300%;
}
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Lorem Ipsum</title>
<script src="js/modernizr-1.7.min.js"></script><!-- this is the javascript allowing html5 to run in older browsers -->
<link rel="stylesheet" type="text/css" href="reset.css" media="screen" title="html5doctor.com Reset Stylesheet" />
<link rel="stylesheet" type="text/css" href="fixed.css" media="screen" title="Stylesheet for X resolution" />
<link rel="stylesheet" type="text/css" href="responsive.css" media="screen" title="Stylesheet for different viewport widths" />
</head>
<body id="page">
<div id="wrapper-header">a</div><!-- header wrapper-->
<div id="wrapper-content">b</div><!-- content wrapper -->
<div id="wrapper-footer">c</div><!-- footer wrapper -->
</body>
</html>
乱数假文
A.
B
C
编辑
就像你说的,Chrome inspector很奇怪?我离这个问题更近了一步,但具体是什么
检查您的浏览器调试器(Firebug或Chrome developer工具),转到
NET
选项卡,并仔细检查它是否实际加载了这些文件。我确信在每种情况下都加载了第一个css文件。此外,我没有任何外部CSS链接问题。您是否在DOM检查器中看到每个链接元素?你验证过你的HTML代码吗?是的,W3C验证程序说html5和css都是有效的!我对Chrome inspector有些意见。我将编辑我的Q,并在2分钟后放置图像。