Html DIV的内联样式允许边框，但不允许CSS_Html_Css

Html DIV的内联样式允许边框，但不允许CSS

html css

Html DIV的内联样式允许边框，但不允许CSS,html,css,Html,Css,很明显，我对造型有一些基本的不了解，所以请帮助我让我们看一下以下简单的HTML： <!DOCTYPE html> <html> <div> <div style="border: 1px solid black;"> Hi! </div> </div> </html> 现在没有边界显示。我已经在Chrome和Firefox上测试过了，所以我认为这不是特定于浏览器的行为。第二个案

很明显，我对造型有一些基本的不了解，所以请帮助我

让我们看一下以下简单的HTML：

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

现在没有边界显示。我已经在Chrome和Firefox上测试过了，所以我认为这不是特定于浏览器的行为。第二个案例中没有边界当然有很好的理由，但我似乎找不到它。这是为什么？我如何在CSS中修复它？

您的

CSS

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

您的代码运行良好。它在JSFIDLE中工作

尝试执行硬刷新（在Windows上通常为CTRL+F5，在Mac上为CMD+SHIFT+R），并确保您的

CSS

文件与您试图打开的

HTML

文件位于同一目录中。

您是否将CSS文件放在子文件夹中

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

<link rel="stylesheet" href="subfoldername/test.css" />

您的样式表可能未加载。检查浏览器控制台。使用！在css文件中，请尝试为“.test”指定背景色。我打赌它也不会起作用，因为您的样式表没有正确加载1。文件路径不正确。2.缓存中样式表的旧版本。3.在.css文档中使用

标记。尝试更改代码以添加类似

的css文件。注意，我在代码中添加了

type=“text/css”

。嗯，就是这样，Ctrl-F5修复了它。非常感谢。

.test {
    border: 1px solid black;
}

<link rel="stylesheet" href="subfoldername/test.css" />