Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Chrome和IE中只加载了n个外部CSS文件中的第一个_Css_Html_Internet Explorer_Google Chrome - Fatal编程技术网

Chrome和IE中只加载了n个外部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 我确信所有文件都已加载。确保这不是缓存问题。我在本地文件夹环境中完成了

我有一个奇怪的问题,从网上找不到原因

问题是:使用下面的代码,reset.css可以工作,但下面的两个css文件不工作

如果我删除reset.cc,第二个css就会工作。如果我删除了前两个,那么最后一个就行了

总而言之,Chrome和IE中只加载了n个外部CSS文件中的第一个。这是我的工作计算机。我不是这台计算机的管理员。我在自定义的“我的文档/web”文件夹中工作。除reset.css外,我还从头创建了所有html和css

我确信所有文件都已加载。确保这不是缓存问题。我在本地文件夹环境中完成了工作

Chrome版本:25.0.1364.172

IE版本:9

我的外部css订单:

  • reset.css
  • fixed.css
  • responsive.css
  • 你已经知道reset.css了。另外两项是:

    fixed.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分钟后放置图像。