如何解决CSS文件之间的冲突

时间:2016-09-01 13:59:49

标签: html css materialize

我有一个index.html文件,其中包含一大堆css和js文件。我包含了MaterialiseCSS以及一个名为style.css的css文件。出于某种原因,如果我同时包含它们,当我创建一个页面并使用实体化的东西时(例如标签),他们看起来不应该这样。一切都正确初始化,任何地方都没有错误,标签上的字体不是应该存在的字体。当我尝试不包括style.css时,标签看起来应该是这样的。

问题在于我不能包含style.css,因为没有它,整个网站看起来都搞砸了。我尝试以不同的顺序包含它们但是没有解决它。

Here是style.css。

编辑:我刚刚尝试评论了style.css中的所有font-family元素,一切似乎都在起作用。我可以这样离开,但我不认为这是一个非常优雅的解决方案。

1 个答案:

答案 0 :(得分:1)

我的猜测是你的styles.css覆盖了Materialise.css中的一些css,反之亦然。您可以使用Dom资源管理器检查并查看被覆盖的内容。 Chrome对此非常有用,因为它跨越了下面链接的图片中显示的过度写入的CSS。

一旦你发现什么被覆盖,你就可以编写自己的风格再次覆盖它,使它看起来像你想要的。

希望它有所帮助:)

overwritten styles in chrome