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

Question

我有这个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服务器上运行良好，它将内部的内容居中并使其宽度为800px。当我将其上传到与本地主机相同的网页上，但又上传到Internet托管时，该一种样式根本不适用。查看活动页面样式，尚未加载。您能帮我解释和解决此问题吗？我不知道为什么。

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

它的外观以及在localhost服务器上的外观 （在顶部和侧面以适当的宽度适当填充）

网络托管的外观 （无填充，无宽度，不适用）

style.css中的其他样式正确地应用于页面上的其他元素

Answer 1

将＃用作ID选择器而不是（。），因为在您的实时网站中没有类。测试它是一个ID。

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

Answer 2

使用style=""硬编码为HTML即可。这不漂亮，但是没有其他办法