CSS の優先順位と !important 宣言についてはよく読みましたが、それでもこのサイトで奇妙なことが起こっています。
テーマには、1 つの主要な style.css ファイルと他のいくつかの .css ファイルが付属しており、基本的に色のみを変更します。1 つのテーマを黄色、ピンク、白などにすることができます。すべてを必要とするわけではないので、ファイルを 1 つだけにするために、ファイル bianco.css を style.css とマージしようとしています。
既に多くのクラスをマージ (bianco.css から削除) しましたが、すべて正常に動作しています。しかし、まだそれらの多くをマージする必要があります。
今、以下のことで悩んでいます。
私が持っているメインのstyle.cssで
body{font-family: pt-serif, sans-serif, Georgia, Helvetica, Arial;font-size:13px;background:#fff;line-height:154%!important;}
そして、私が持っているbianco.cssで
body{background-color:#FFF!important;font-size:13px;line-height:154%;}
特定のプロパティが 2 つの異なるファイルで選択されている場合、最新のプロパティが適用されることはわかっています。ただし、宣言されたプロパティが 1 つしかない場合は、このプロパティのみが選択されて適用されます。それがどのファイルにあるかは関係ありません。重要なのは、ファイルがロードされることです。
そのため、bianco.css ファイルからその行全体を削除しようとすると、サイトのフォントが大きくなります。変ですね。ファイル style.css が読み込まfont-size:13px;
れ、Chrome 開発者ツールで読み込まれたことを確認できますが、何らかの理由で無視されます。また、フォントサイズをオーバーライドしている可能性のある他のスタイルロールは見当たりません。
ここで何が起こっているか知っている人はいますか?style.css ルールが無視される原因は何ですか?