特定の jQuery スライドショーを自分のサイトに統合することを楽しみにしていますが、その外部 CSS ファイルが元の CSS ファイルのセットと競合しています。通常、この問題にどのように対処しますか?
すべての CSS ファイルを再分析し、プラグインの CSS ファイルを分析してそれらを混合する必要がありますか? または、プラグインのこの外部 CSS ファイルを特定の目的の div コードに適用して、ドキュメントの残りの部分が影響を受けないようにする方法はありますか?
CSS に詳しい方からのご回答とフィードバックをお待ちしております。
PS: iframe を使用することで、この問題を解決できますか? iframe の使用は悪い習慣であり、SEO には適していないことを読みましたが。
価値のある jQuery プラグインは、おそらく、独自の要素のみをターゲットにするのに十分な特定の CSS を備えている必要があります (通常は、ID またはクラス名を提供することによって)。
タグ全体をカバーするスタイルでプラグインの CSS を上書きしている可能性があります。
これらの競合を防ぐために、独自のタグにクラスを使用する必要があります。
また、独自のカスタム CSS の後にプラグインの CSS をリンクしてみてください。
通常、jQuery のプラグインにはかなり固有のタグ ID があります。CSS を調べて、どこで競合を取り除くことができるかを確認する価値があると思います。また、いくつかの良いアイデアについては、この投稿をチェックしてください: css で競合するスタイルを体系的に解決します。