Javascript CSS渲染不正确；可能有太多链接的JS/CSS资源？

我已经得到了一些关于修复基于WordPress的网站的CSS问题的指示。我的一位同事正在我们的开发环境中对这个网站进行更改。我相信他换了一个不同的主题，除了对模板和网站内容做了一些小改动

在第一次浏览该网站时，很明显，有一些坏的CSS正在进行

快速查看源代码，我可以看到有大量链接的JavaScript和CSS文件。我有两个理论：

可能在各种样式表使用的ID和/或类中存在一些重叠，这在页面呈现中导致了不期望的结果

浏览器发送的HTTP请求太多，导致其中一些请求被忽略。这有可能吗

出现了什么问题，我应该如何着手解决这个问题

编辑：

我最初发布该网站的链接有两个原因：

这不是一件容易复制的事情。 我觉得，如果人们能够亲自到页面上检查问题，我的问题就更有可能得到回答。 有人觉得我应该删除这个链接，所以我答应了他们的请求，并用一张图片替换了它

那很好。您可以在图中看到问题所在，并且可以在右侧看到包含了多少JS/CSS文件。如果你真的想看看这个网站，你可以通过充分的挖掘找到答案

---

不管怎么说，也许我反应过度了，但我认为投票删除这篇文章是相当苛刻的。我是一个用户，就像其他人一样，试图回答我的问题。这不是我的网站。我写这篇文章没有任何欺骗性的、潜在的动机，只是想解决这个问题。

我认为最好的方法是使用Google Chrome中的开发者控制台或Mozilla Firefox中的Firebug扩展来调查这个问题

首先打开“网络”选项卡并刷新页面。您将看到所有加载的资源。这样，如果没有加载一些CSS资源，您将能够检查您的第一个理论。尽管如此，我从来没有听说过限制CSS资源的数量

第二，打开所有元素选项卡，并在页面上选择一个有问题的元素。使用右边的样式面板来调查CSS的实际情况。您将能够看到哪些规则来自哪些文件以及哪些规则被覆盖

作为一个很好的建议——考虑从页面中删除所有无关元素和资源。只留下最低限度。这样你就更容易发现问题了。稍后您将能够添加额外的资源，一次添加一个。此外，考虑禁用JavaScript——它将帮助您将静态CSS问题与动态CSS问题隔离开来。 考虑到你问题的形式和缺乏示例，我再具体不过了。如果您能提供更多的细节或更具体的问题，我将很高兴更新和扩展我的答案

更新1： 考虑到你的恶意软件问题。尝试查找所有因注入而损坏的受影响文件，从HTML开始，使用JavaScript。然后用原始文件替换所有损坏的文件。例如，重新下载一个主题

也考虑检查您的项目以获取额外的PHP文件。最近，我自己在一次WordPress安装中遇到了一个问题：有一个PHP文件被注入到一个主题目录中，该目录从我们的服务器发送了大量垃圾邮件。讨厌

---

我希望这有帮助，干杯

你工作制作网站的链接让我的防病毒软件很恼火。为了安全起见，删除了。你使用的是哪种浏览器？我检查了Chrome和Firefox，结果都一样。你的网站似乎被注入了一些不受欢迎的内容。首先保护它。看起来像垃圾邮件注入：感谢您的详细回复。我将继续对此进行调试，并希望找出哪些规则可能存在冲突。希望无论生产站点出现什么恶意软件问题都没有进入我们的开发服务器。好的！祝你好运@JoeMajewski。如果您有任何问题，请更新您的问题或在这里发表评论。我很乐意帮忙。根据我的经验，治疗受感染的生产服务器可能是一件非常痛苦的事情。您必须更改服务器上使用的所有访问凭据并验证所有文件。为文件更改设置一些额外的日志记录和监视功能在这里真的很有帮助。只需更新。我能把这个修好。当我遇到这个问题并注意到CSS/JS资源的大量列表时，我立即得出结论，浏览器不能全部应用它们。因为这个问题的普遍共识似乎不是

---

我认为这是有道理的，我对事情的看法发生了变化，结果是因为我的同事复制了一个旧模板并将其粘贴到新主题中，而没有继承相关的CSS属性。谢谢你的帮助。只是增加了结尾嘿@JoeMajewski！我很高兴听到你设法解决了这个问题。如果你有任何进一步的问题，请在评论中提及我，我很乐意帮助你。干杯