Question

header的CSS规则不适用于Chrome或Firefox，但section适用，并且奇怪的是它们都适用于JSFiddle。

HTML：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
    <h1>Test</h1>
</div>

<div id="section">
    <p>test</p>
</div>
</body>
</html>

的style.css：

<style>
#header {
    background-color: #f0fff0;
    color: #262626;
    text-align: center;
}
#section {
    text-align: center;
}
</style>

Fiddle

Answer 1

HTML在样式表中无效。

也许删除

<style>
</style>

你的.css文件中的

Answer 2

确保您的html文件和style.css位于同一目录中。

CSS不适用于div

2 个答案: