新しい CSS ファイルを使用して既存の Web サイトのスタイルを上書きします
P粉504920992
2023-08-23 09:15:29
<p>私の Web サイトには現在、Web サイトの一部として自動的に組み込まれる 3 つの CSS ファイルがあります。ソース コード、つまり Web サイトの Index.html ファイルにはアクセスできませんが、CSS にはアクセスできます。私のウェブサイトのドキュメント。 </p>
<p>Web サイトの CSS ファイルを独自のスタイルでオーバーライドし、オーバーライドするすべてのスタイルを含む新しい CSS ファイルを作成しようとしています。 </p>
<p><code>@import url(css4.css)</code> を使用して最後の CSS ファイルの上に配置しようとしましたが、これは最後の CSS ファイルのスタイルを上書きしません。 </p>
<p>この目標を達成するにはどうすればよいですか? </p>
<pre class="brush:php;toolbar:false;"><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"></pre>
<p><br /></p>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
これは誰も言及していない興味深い解決策です。
＃＃＃＃＃＃事実：＃＃＃＃＃＃ページの HTML は変更できません -
問題ありません。-
-
-
-
.htaccess ファイル:
リーリーCSS ファイルを変更することはできますが、開発者が後で再度変更し、加えた変更を削除する可能性があります -
心配しないでください。JavaScript と JQuery は使用できない/使いたくない -
私にとっては問題ありません。サーバーにさらにファイルを追加できます -
素晴らしいですね!楽しみと利益のために .htacess ハッキングをしてみましょう!
ドキュメント ルート ディレクトリ内の結果:
hackedCSS3.phpは、
css3.cssの代わりに、要求されるたびにサイレントに提供されます。 参考: http://httpd.apache.org/docs/2.2/howto/htaccess.html
hackedCSS3.php ファイル: リーリー
追加の報酬:このソリューションは、この 1 つの .php ファイルで 3 つの
.cssファイルすべてに拡張できます (ただし、
documentcss3.cssのみです。また、賢い正規表現を使用して、ファイルに一切触れずに、これらの開発者の CSS を削除/変更できます。可能性は刺激的です。ルート ディレクトリに配置する必要があります。これは、www.example.com/index.html がindex.html をロードする場所です。
これは、.htaccess ファイルで指定した任意のディレクトリに配置できます。ドキュメントルートも機能します。変化＃＃＃ リーリー ＃＃＃のために＃＃＃ リーリー ＃＃＃不要。 CSS コードのこの部分を .css ファイルとして扱います。 <style> タグは必要ありません。
ほとんどの回答で提案されている
!重要を使用することに加えて、これは CSS の特異性に関する質問ですは、4 つの優先度の列で表すことができます:
これは CSS 固有のコード スニペットの完全な例です