一种 CSS 样式仅适用于本地主机而不适用于服务器托管答案

【问题标题】：One CSS style applying only on localhost and not in server hosting一种 CSS 样式仅适用于本地主机而不适用于服务器托管
【发布时间】：2018-09-21 07:08:59
【问题描述】：

我有这个style.css

.testing {
  display: block;
  width: 800px;
  text-align: center;
  padding: 30px;
  margin: 0 auto;
}

应用于 html 中的一个元素

<div class="testing"><div id="disqus_thread"></div></div>

它在 localhost 服务器上运行良好，它将里面的东西居中并使其宽 800 像素。当我将它上传到与我的本地主机相同的网页上，但上传到互联网托管时，这种风格根本不适用。查看活动页面样式，它没有加载。你能帮我解释和解决这个问题吗？我不知道为什么。

编辑：css 导入<link rel="stylesheet" href="css/style.css">

它应该是什么样子以及它在 localhost 服务器上的外观（顶部和侧面的适当填充，宽度适当）

它在虚拟主机上的样子（没有填充，没有宽度，什么都不适用）

style.css 中的其他样式适用于我页面上的其他元素

【问题讨论】：

【解决方案1】：

使用 # 作为 ID 选择器而不是 (.)，因为在您的实时站点中没有类 .testing 它是一个 ID。

#testing {
  display: block;
  width: 800px;
  text-align: center;
  padding: 30px;
  margin: 0 auto;
}

【讨论】：

做到了，没有改变<div id="testing"><div id="disqus_thread"></div></div>和#testing { display: block; width: 80%; text-align: center; padding: 30px; margin: 0 auto;
我想我需要将样式硬编码到页面中

【解决方案2】：

使用style="" 将其硬编码为 HTML 有效。不漂亮，但没有其他办法

【讨论】：