CSS のセット全体を DOM ツリーの一部に適用する簡単な方法はありますか? たとえば、jQuery と jQueryUI を使用してダイアログを表示するドキュメントがあります。ダイアログのコンテンツは AJAX 経由で読み込まれるため、ダイアログの <div> に挿入する HTML 要素の新しい / 別のツリーとして表示されます。
基本的に、私がやりたいことは、ダイアログのコンテンツに別の jQueryUI テーマを適用することです。たとえば、ダイアログのタイトル バーとボタンは 1 つのテーマに従ってスタイル設定されますが、ダイアログのコンテンツ (ボタン、入力フィールド、スクロール バー、テキストなど) は別のテーマに従ってスタイル設定されます。
ダイアログ コンテンツ内のすべてのクラスにプレフィックスを適用し、代替 CSS セレクターに同じプレフィックスを適用できると思います。これを達成する簡単な方法はありますか？
右側にはリストメニューがあり、そのメニュー内にオプションがあります
Advanced Theme Settings
これを掘り下げると、2つの入力があるドロップダウンが表示されます。最初のものでは、実際に必要なものである「cssスコープ」を追加できます。好きな名前を付けてください。
また
入力フィールドの右側にある疑問符をクリックすると、多かれ少なかれあなたが言っていることを正確に説明します。
This field allows you to specify a CSS scope to limit your theme to a particular portion of a page. This is helpful when using multiple themes on a page. If you don't provide a CSS scope, your theme will apply to all UI elements on a page.
続けて...
In most situations, you won't need to specify a CSS scope. Please Note: If you provide a CSS scope, you will not get an example page included in your download.