CSS 不使用 HTML 更新更改答案

【问题标题】：CSS not updating changes with HTMLCSS 不使用 HTML 更新更改
【发布时间】：2021-02-14 19:13:26
【问题描述】：

我正在尝试创建一个网站，当我更新 CSS 时，它不会在网站上显示更改。我验证了文件目录，通过验证程序验证了所有代码是否正确输入，甚至尝试与我通过的网站托管公司交谈。我似乎无法弄清楚我做错了什么。该网站是 n1.dandzines.com。

这是我用于 html 文档的代码。

html {
  background: #ffffff;
}

#header {
  background: #ffffff;
  width: 100%;
}

#header img {
  float: left;
  height: 175px;
  width: 175px;
  background: #ffffff;
}

<section id="header" class="header">
  <img src="nflogo.jpeg" alt="logo">
</section>

当我最初对网站进行编码时，图像是 350 像素 x 350 像素，但是当我将其调整为 175 像素 x 175 像素时，它并没有改变。 Hostgator 说这是由于拼写和编码错误，但事实并非如此。我使用 Notepad++ 编写代码，直到最近我才遇到这个问题。

这就是 Host Gator 在目录中的 .htaccess 文件中的所有内容...

text/x-generic .htaccess ( UTF-8 Unicode English text )

# php -- BEGIN cPanel-generated handler, do not edit
# Set the “ea-php73” package as the default “PHP” programming language.
<IfModule mime_module>
  AddHandler application/x-httpd-ea-php73 .php .php7 .phtml
</IfModule>
# php -- END cPanel-generated handler, do not edit

我对 .htaccess 文件一无所知，如果出现错误，我不确定如何编辑它。非常感谢任何和所有帮助。

【问题讨论】：

按 Ctrl + R 或 Ctrl + F5 确保页面没有被缓存
通常我会刷新屏幕，但这似乎也有效。您知道这是所有浏览器的问题，还是 FireFox 的问题...
你在那个 .htaccess 文件中的内容不应该影响 CSS 不显示。我访问了您的 URL，并看到您的样式表链接正常，应该如此。你是如何编辑 CSS 和 HTML 的？编辑/保存更新时是否收到任何错误消息？此外，您用于访问该网站的浏览器与当前代码无关，只要它是最新的即可。
有时托管公司有自己的缓存，独立于浏览器缓存。您应该进入 cPanel 或您使用的任何管理员并搜索缓存。应该有一个区域可以清除您网站的缓存。如果您在托管环境中开发它，您可能希望在完成之前禁用它。
问题是CSS被缓存在浏览器中。您可以清除浏览器缓存或更改 CSS 文件的 URL/路径，例如，如果 CSS 文件的路径为“css/master.css”，则可以将其更改为“css/master.css?v=1.1 " 这会让浏览器认为它是一个没有被缓存的不同文件并重新渲染它

标签： html css .htaccess

【解决方案1】：

尝试清除缓存然后刷新页面...

不是

<img src='your image source' alt='logo' height='175' width='175'>

然后从图像中清除宽度和高度属性并尝试在 css 文件中提供它

<img src="your image source">


#header img {
   width: 175px;
   height: 175px;
}

【讨论】：