CSSファイル間の競合を解消する方法

Question

私は、CSSとjsファイルの束を含むindex.htmlファイルを持っています。私はMaterializeCSSとstyle.cssというCSSファイルを含んでいます。何らかの理由で、私はそれらを両方同時に含む場合、私はページを作成し、マテリアライズ（例えばタブ）から何かを使用するとき、彼らは彼らのやり方を見ない。すべてが正しく初期化され、どこにもエラーはなく、タブ上のフォントはそこにあるはずのものではありません。私がstyle.cssを含めないようにしようとすると、タブは見た目に見えました。

問題があるのは、style.cssを含めることができないということです。なぜなら、それがなければウェブサイト全体が乱雑に見えるからです。私はそれらを異なる順序で含めることを試みたが、それはそれを修正しなかった。

Hereは、style.cssです。

EDIT：style.cssのすべてのfont-family要素をコメントアウトしてみましたが、すべてが機能しているようです。私はちょうどこの方法でそれを残すことができるが、私はこれが非常にエレガントな解決策ではないと思う。

Answer 1

私の推測では、styles.cssがMaterialize.cssのCSSの一部をオーバーライドしていると思います。あなたはDomエクスプローラを使って確認し、上書きされているものを見ることができます。クロムは、下にリンクされている画像に示されている上書きされたCSSを横切るため、これには非常に適しています。

何が上書きされているかを知ったら、自分のスタイルを書き直してもう一度上書きして、自分の好みに合わせることができます。

は、異なる順序でHTMLにCSSファイルを追加するようにしてください:)

overwritten styles in chrome