0

我写了一段 CSS，虽然它不会影响我的页面的显示方式。我在我的 HTML 标签中使用：

<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() 函数上运行时，它确实加载正确，但为什么它不再工作了？昨天运行良好，一直运行良好。

4

3 回答 3

3

从您的选择器中删除.css：

#title {
  font-size: 5em;
}

#text.csstitle选择器的意思是“选择一个同时具有id 和cssclass的元素”。

于 2013-08-23T14:21:35.027 回答
1

You have at least two mistakes.

This:

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

should be:

#title {
  font-size: 5em;
}

And this:

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

should be:

@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'); and @import 'CSS/title.css'; are both valid forms. What you have is not valid.

于 2013-08-23T14:29:33.713 回答
0

尝试：

#title {
 font-size: 5em;
}

这里的 Jsfiddle 有效：链接

于 2013-08-23T14:23:46.180 回答