我如何找出是什么原因导致我的CSS在chrome中被删除?

时间:2019-04-26 21:36:58

标签: css node.js reactjs google-chrome heroku

我的应用程序在本地运行良好,但是当我将其部署到heroku上时,一些CSS在chrome上显示为透彻,如何找出覆盖我的内容 样式?

enter image description here

1 个答案:

答案 0 :(得分:2)

当您向下滚动检查器时,您很可能会发现多个相同的属性(即2个不同的字体声明)。被删除的内容将不会被应用,并且会被覆盖(可能是CSS文件的排序或JS覆盖了它)。最简单的方法是在要应用的样式中添加!important。或者,查看检查器并按删除的属性名称进行过滤。然后,这将告诉您什么是覆盖它的: 然后点击右上角的文件名,它将突出显示css所在的行