私は非常に奇妙な問題を抱えています（とにかく私にとって）
次のコードを使用して、html から 2 つの css ファイルをリンクしました。
<link rel="stylesheet" type="text/css" href="global.css"/>
<link rel="stylesheet" type="text/css" href="menu.css"/>
そして、すべてがうまくいきました。しかし、HTTP リクエストを減らすために、それらを 1 つのファイルにまとめようと考えました。そこで、menu.css ファイルをコピーして global.css ファイルの先頭に貼り付け、2 行目を取り出しました。
これを行った後、css が正しくレンダリングされません。まだ見知らぬ人ですが、いくつかのセレクタ css ブロックを css ファイル内の別の場所に移動して実験したところ、別の方法でレンダリングされました。ただし、この異なるレンダリングは、少なくとも 3 つの異なるブラウザーで同じようにレンダリングされるため、明らかにブラウザーの問題ではありません。
レンダリングの違いには、css セレクター コード ブロックの配置方法に応じて、配置、境界線の色、およびフォント スタイルの問題に気付きました。それらはすべてメニューCSSに関連しています。
メニュー css コードをグローバル ファイルに残した場合でも、menu.css ファイルにリンクしている限り、期待どおりに動作します (コードが完全に global.css ファイルにコピーされているにもかかわらず、したがって、 menu.css ファイルが重複しています)。
私はこれに対する解決策を見つけようとしましたが、関連するものは何も見つかりませんでした.
方向性を教えていただければ幸いです。：） ありがとう！