我如何找出是什么原因导致我的css在chrome中被攻破？

我的应用程序在本地运行良好，但当我将其部署到heroku上时，一些CSS在chrome上显示为已被攻破，我如何找到覆盖我的应用程序的内容 造型

---

当您向下滚动inspector时，很可能会发现多个相同的属性（即：两个不同的字体声明）。删除的内容将不会被应用，并将被覆盖（可能是CSS文件的顺序或JS覆盖）。查看inspector并按删除的属性的名称进行筛选。这将告诉您覆盖它的内容：

---

然后单击右上角的文件名，它将突出显示css所在的行。您可以使用这些信息来确定是什么导致您的css“突出”。要解决这个问题：尽量避免为同一事物声明多个属性（即不要在两个不同的地方设置同一事物的文本大小）；利用类和ID使不同元素的属性设置更容易（ID总是优先于类）；如果无法避免使用重复属性（例如，如果无法更改的外部样式表正在应用样式，请确保在当前应用的属性之后声明要应用的属性，因为CSS将使用最后读取的属性）（即，如果您在一个位置将背景设置为橙色，但在代码的下一步将其设置为绿色，则背景将为绿色）。或者，作为最后手段，您可以使用

！important

异常，它将覆盖任何其他声明。但是，这是一种不好的做法，应该避免，因为它会破坏样式表中的自然级联，从而使调试更加困难。（参考：）

当您向下滚动inspector时，您很可能会发现多个相同的属性（即：2个不同的字体声明）。删除的属性将不会应用，并将被覆盖（可能是您的CSS文件的顺序或JS覆盖）。查看inspector并按删除的属性的名称进行筛选。这将告诉您覆盖它的内容：

---

然后单击右上角的文件名，它将突出显示css所在的行。您可以使用此信息确定导致css“突出”的原因。要解决此问题，请尝试避免为同一事物声明多个属性（即不要在两个不同的位置设置同一事物的文本大小）；使用类和ID可以更轻松地为不同元素设置属性（ID始终优先于类）；如果无法避免使用重复属性（例如，如果无法更改的外部样式表正在应用样式，请确保要应用的属性是在当前应用为CSS的属性使用“最后读取”属性后声明的（即，如果在一个位置将背景设置为橙色，但在代码的下一步将其设置为绿色，则它将为绿色）。或者，作为最后手段，您可以使用

！important

异常，它将覆盖任何其他声明。但是，这是一种不好的做法，应该避免，因为它会破坏样式表中的自然级联，从而使调试更加困难。（参考：）

你能提供heroku应用程序的链接吗？我想看看Chrome devtools控制台。你有几个错误可能会导致你的问题。是的，很抱歉，我忘了提及你需要在http://链接上，控制台上没有错误，但我的一些样式仍然被打断。你能提供到heroku的链接吗应用程序？我想看看Chrome devtools控制台。你有几个错误可能会导致你的问题。是的，很抱歉，我忘了提到你需要在http://链接上说控制台上没有错误，但我的一些样式仍然被打断了谢谢！虽然我无法找到覆盖的内容，但我能够做到使用！重要绕过thisRemember“！重要”是一个棘手的破解。正确的CSS代码应该是“级联”。谢谢！虽然我无法找到重写的内容，但我能够使用！重要绕过thisRemember“！重要”是一个棘手的破解。正确的CSS代码应该是“级联”。