新しい CSS ファイルを使用して既存の Web サイトのスタイルを上書きします

Question

私の Web サイトには現在、Web サイトの一部として自動的に組み込まれる 3 つの CSS ファイルがあります。ソース コード、つまり Web サイトの Index.html ファイルにはアクセスできませんが、CSS にはアクセスできます。私のウェブサイトのドキュメント。

Web サイトの CSS ファイルを独自のスタイルでオーバーライドし、オーバーライドするすべてのスタイルを含む新しい CSS ファイルを作成しようとしています。

@import url(css4.css) を使用して最後の CSS ファイルの上に配置しようとしましたが、これは最後の CSS ファイルのスタイルを上書きしません。

この目標を達成するにはどうすればよいですか?

<link rel="stylesheet" type="text/css" href="currentCSS1.css">
<link rel="stylesheet" type="text/css" href="currentCSS2.css">
<link rel="stylesheet" type="text/css" href="currentCSS3.css">
<!-- CSS のみを使用して以下のコードを追加するにはどうすればよいですか? -->
<link rel="stylesheet" type="text/css" href="newCSS4.css">

Answer 1

これは誰も言及していない興味深い解決策です。

＃＃＃＃＃＃事実：＃＃＃＃＃＃

ページの HTML は変更できません -

問題ありません。

1. CSS ファイルを変更することはできますが、開発者が後で再度変更し、加えた変更を削除する可能性があります -

   心配しないでください。

2. JavaScript と JQuery は使用できない/使いたくない -

   私にとっては問題ありません。

3. サーバーにさらにファイルを追加できます -

   素晴らしいですね!

4. 楽しみと利益のために .htacess ハッキングをしてみましょう!

   ドキュメント ルート ディレクトリ内の
.htaccess ファイル:

リーリー

結果:

hackedCSS3.php

は、

css3.css

の代わりに、要求されるたびにサイレントに提供されます。 参考: http://httpd.apache.org/docs/2.2/howto/htaccess.html

hackedCSS3.php ファイル: リーリー

追加の報酬:

このソリューションは、この 1 つの .php ファイルで 3 つの

.css

ファイルすべてに拡張できます (ただし、css3.css のみです。また、賢い正規表現を使用して、ファイルに一切触れずに、これらの開発者の CSS を削除/変更できます。可能性は刺激的です。 補充: .htaccess ファイルは、Web サイトの

document

ルート ディレクトリに配置する必要があります。これは、www.example.com/index.html がindex.html をロードする場所です。

これは、.htaccess ファイルで指定した任意のディレクトリに配置できます。ドキュメントルートも機能します。変化＃＃＃ リーリー ＃＃＃のために＃＃＃ リーリー ＃＃＃不要。 CSS コードのこの部分を .css ファイルとして扱います。 <style> タグは必要ありません。

Answer 2

ほとんどの回答で提案されている !重要 を使用することに加えて、これは CSS の特異性に関する質問です

は、4 つの優先度の列で表すことができます:

---

これは CSS 固有のコード スニペットの完全な例です

リーリー リーリー