1

显然，我对样式有一些基本的了解，所以请帮帮我。

让我们采用以下简单的 HTML：

<!DOCTYPE html>
<html>
<div>
    <div style="border: 1px solid black;">
        Hi!
    </div>
</div>
</html>

所以我在一个 DIV 里面有一个 DIV，你可以看到它周围有一个漂亮的边框。一切都很好。现在，让我们删除内联样式并将其放入 CSS 文件中。

HTML：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="test.css" />
</head>
<div>
    <div class="test">
        Hi!
    </div>
</div>
</html>

CSS：

.test {
    border: 1px solid black;
}

现在没有边框出现。我已经在 Chrome 和 Firefox 上对此进行了测试，所以我认为这不是特定于浏览器的行为。在第二种情况下没有边界当然有一个很好的理由，但我似乎找不到它。为什么会这样以及如何在我的 CSS 中修复它？

4

2 回答 2

3

您的CSS文件不能以某种方式加载，或者您的浏览器中缓存了旧版本。

您的代码工作正常。在这里，它在 jsFiddle 中工作。

尝试执行硬刷新（通常在 Windows 上为CTRL+ ，在 Mac 上为 +）并确保您的文件与您尝试打开的文件位于同一目录中。F5CMDSHIFTRCSSHTML

于 2013-09-02T15:57:10.770 回答
0

您是否将css文件放在子文件夹中？

如果是这样，您需要指出它：

<link rel="stylesheet" href="subfoldername/test.css" />
于 2013-09-02T16:03:50.187 回答