CSS 外部样式表不起作用，但完全相同的 CSS 在内部样式表上工作

Question

在制作个人网站时，我遇到了添加 CSS 样式表的问题。 该样式表是一个名为“Rodrigo.css”的本地样式表（在同一文件夹中有 .htm 文件）。

这是在 hrc 中带有 CSS 的 HTML Link 标记：

这是 CSS 样式表的屏幕截图（仅开头部分）：

如您所见，没有 HTML 标签。

注意：我在样式表中使用的 CSS 以前在内部样式表中并且有效，所以我不知道为什么它不起作用。

在制作网站时，我使用了 w3schools 教程。 专门做这部分的“CSS How to...三种方法来incert CSS”。

我发现了问题所在，HTML 文件的编码格式不受某些浏览器的支持，并且与外部样式表的格式不同。

Answer 1

我下载了你的 HTML 文件和 CSS 文件，将它们放在我桌面上的同一个文件夹中，CSS 文件对 HTML 文件产生了正确的影响。 我通过从文件夹中删除 CSS 文件来确认这一点，观察外观的差异，并在我重新复制 CSS 时验证外观恢复正常。

您的代码似乎是正确的。 尝试清除缓存、尝试其他浏览器或以隐身模式打开 html 文件。

编辑：您可以尝试的另一件事是更换

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

和

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

请注意在文件名前添加了./ 。 这会强制浏览器在与 CSS 文件相同的目录中查找。 我可以编造这个，但我想我记得当我省略./

Answer 2

所以，我找到了问题所在。 原来我用 UTF-8 Bom 编码它（我不确定那是编码类型的名称），这导致浏览器和外部样式表出现问题，女巫没有以相同的格式编码。 我要标记这个 awnser 已经解决了我的问题。

解决方案是将 HTML 源文件编码为 UTP-8 或其他支持的文件，并将 HTML 和 CSS 源文件编码为相同格式。

谢谢你的回答，辛苦了。