継承された@mediaクエリを上書きする

Question

私は自分の店をCSSでスタイリングしています。私は "プレゼンテーション"を使用していた 私はWordpressでプラグインを使用しています。私は自分のCSSをスタイリングしています。プラグインには組み込みのCSSがあります。しかし、組み込みのcssには、私のサイトのものとは異なる@mediaのクエリもあります。

プラグインの@mediaクエリを無効にする/無効にするにはどうすればいいですか？プラグインの組み込みのCSSと

Answer 1

すでにロードされているメディアクエリ全体を無効にする方法は知られていません（ただし、別の回答者が間違っていると分かりますが、これはすばらしいことです）。唯一のオプションは、オーバーライドするルールを再定義する同一のメディアクエリを作成することですe。自分を

1）独自のCSSを読み込むからプラグインを停止し、最初からそのスタイルを構築する：サードパーティ製のプラグインを使用すると、上書きしたいという負荷CSSスタイルを扱うとき

は、いくつかの可能なアプローチがあります。そのスタイルシートを出発点として使用して、必要のないルールや宣言を削除/編集することができます。

2）既に行っているように、プラグインに独自のCSSスタイルをロードさせ、スタイルシートで上書きします。問題のあるメディアクエリとスタイルをオーバーライドする必要があります。

3）プラグインのCSSファイルを直接編集します。これは最も壊れやすいオプションです。プラグインを更新すると、変更が上書きされるためです。

あなたが選択したアプローチには、元のプラグインスタイリングのどれくらいを保持したいか、削除する量によって通知されます。ほんの一握りのルールを再定義するだけなら、オプション2は良いアプローチです。元のスタイルシートをハックする必要がある場合、オプション1はメンテナンスの悪夢とはなりません。

転送互換性の問題を提起しました：プラグインが新しいスタイルシートで更新されるとどうなりますか？その質問に対する簡単な答えはありません。すでに述べたように、オプション3にはこの点で固有の問題がありますが、他のオプションには独自の落とし穴があります。ほとんどのプラグインの作者は、リリース間でスタイリングフックを一致させておくのが得意です。私の経験では、変更したものはリリース間で引き続き動作します。しかし、第三者図書館が大きくなればなるほど、変更を破る可能性は高くなります。

あなたのスタイルをハッキングしてしまえば、完全に吹き飛ばされた電子商取引プラグイン（WooCommerceと思う）は間違いなく痛みです。あなたが完全な吹き飛ぶ電子商取引サイトを構築しているなら、私のアドバイスは可能な限り多くのプラグインをスタイルに組み込み、可能な限りルールをオーバーライドすることです。それはあなたがspan.someclassを編集したい場合のように、その親要素を使用して要素をターゲットに動作しない場合はwidth: 100% !important;

のようなあなたのCSSプロパティを持つ

Answer 2

使用!importantそれがうまくいけば動作しますp span.someclassまたはbody span.someclass

をターゲット！