css - JavaScriptコントロールを既存のCSSサイトに統合するにはどうすればよいですか？

Question

これは基本的なCSSの質問かもしれません。明確に定義されたCSSテーマで設計されたサイトがあります。（jqueryから）いくつかのコントロールを追加していますが、それらは私のサイトではなく、デザイナーのスタイルを持っています。挿入されたコントロールに、コントロールのスタイルではなくサイトのcssを使用させる最も簡単な方法（作業量を最小限に抑える）は何ですか？クラス/IDのセットを別のセットにマップする簡単な方法はありますか？それとも私はcssについての基本的な何かが欠けていますか？

Answer 1

jQuery UIを使用していると思いますか？もしそうなら、彼らはThemeRollerを持っています。

Answer 2

独自のウィジェットと外部のウィジェットをできるだけ同時に定義することで、物事を「マッピング」することができます。

div.my_widget,
div.external_widget

{ border: 1px blue solid; } 

それがどれほど成功するかは、サイトとコントロールの構造に大きく依存します。

原則として、スタイルシートで動作するようにコントロールを変更するのではなく、独自のスタイルシートをコントロールで動作するように変更してください。これにより、新しいバージョンのコントロールを簡単に統合できます。

Answer 3

最も一般的な方法は、追加するコントロールの DOM 構造を検査し、適用されたクラスを使用して希望どおりにスタイルを設定できるかどうかを確認することです。通常、コントロールの CSS セレクターを上書きするか、コントロールの CSS を記述します。コントロール DOM 構造をゼロから作成します。