CSS未加载

我写了一段CSS，但它不影响我的页面显示方式。我在HTML代码中使用：CSS未加载

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

而且我的style.css文件看起来像这样：

@import('CSS/modal.css'); 
@import('CSS/menu.css'); 
@import('CSS/content.css'); 
@import('CSS/footer.css'); 
@import('CSS/title.css');

然而，当我使用这个：

#title { 
    font-size: 5em; 
}

为了测试它是否真的不加载CSS。

在HTML的这一部分：

<body> 
    <div id="title"> 
     AMP 
    </div> 
</body>

它仍然不会显示在5em的文本。

编辑：看来，当我把CSS3代码直接放到style.css中，并且不要让它运行在@import（）函数上时，它确实可以正确加载，但为什么它不再工作？它昨天运行良好，它一直非常完美。从您选择

导入的CSS文件是否在相对于'style.css'文件的名为'CSS'的目录中？ –

这些CSS文件是否真的在CSS目录中？标题为全部大写，如链接的目录是？尝试所有小写的“CSS”。您的服务器可能设置为区分大小写。 – Scott

您至少有两个错误。

此：

#title.css { 
    font-size: 5em; 
}

应该是：

#title { 
    font-size: 5em; 
}

这：

@import('CSS/modal.css'); 
@import('CSS/menu.css'); 
@import('CSS/content.css'); 
@import('CSS/footer.css'); 
@import('CSS/title.css');

应该是：

@import 'CSS/modal.css'; 
@import 'CSS/menu.css'; 
@import 'CSS/content.css'; 
@import 'CSS/footer.css'; 
@import 'CSS/title.css';

@import url('CSS/title.css');和@import 'CSS/title.css';都是有效的形式。你有什么是无效的。

2013-08-23 14:29:33 thirtydot

删除.css：

#title { 
    font-size: 5em; 
}

#text.css选择的意思是 “选择同时具有title ID和css类的元素”。

2013-08-23 14:21:35 Pavlo

啊，我很愚蠢，但即使删除它也不会改变。我按了F5，关闭了浏览器，一切。这也不是我说的真正的CSS3代码，我写了一个更大的一块。但由于这不适用，我尝试使用小的title.css来查看它是否在另一个脚本（modal.css）或其他东西中。 –

@JesseDijkstra：你的文件夹路径是否正确？你有'href =“style.css”'和'@import（'CSS/title。CSS'）;'。 – thirtydot

@thirtydot：是的，这是有效的，一直是。由于您引用了一个名为CSS的文件夹，并且在该文件夹内搜索（在此示例中）“title.css”文件。 –

尝试：

#title { 
font-size: 5em; 
}

在这里的jsfiddle工作：link

2013-08-23 14:23:46 guillaumek

不知怎的，它现在完全放大到5em的文本。但为什么 '@import（''）;'不再工作？它以前工作过。 –

回答