0

スタイル設定に jQuery UI (具体的には jQuery UI テーマ) を使用する Web サイトがあります。Infragistics Ignite UI グリッド コントロールをこの Web サイトに追加しました。Ignite グリッドは、選択した jQuery UI テーマを使用すると見栄えがよくありませんが、グリッドで提供されるデフォルト テーマを使用すると見栄えがよくなります。

残念ながら、グリッド テーマも jQuery UI テーマ セレクターを使用しているため、問題があります。まったく同じセレクターを定義する 2 つの CSS ファイルがあります。ページ全体に適用したいもの。もう 1 つは、特定の div (つまり、Ignite グリッドをラップする div) にのみ適用したいものです。

CSS ファイルを強制的に単一の HTML 要素にのみ適用する簡単な方法はありますか? 今のところdiv.ig、Ignite スタイル シートのすべてのセレクターの前に配置しましたが、これは、更新が適用されるたびにやり直す必要がある、エラーが発生しやすい忙しい作業であるため、その解決策はあまり好きではありません。

4

2 に答える 2

2

jQuery UI テーマの 1 つを変更せずにこれを行う方法はありません。

更新ごとに Ignite ファイルを変更する最も簡単な方法は次のとおりです。

  • コメントからファイルを取り除きます（したがって、縮小されたファイルは問題ありません）
  • " " を検索}し、" " で置き換え} .ig(space)ます (もちろん引用符なしで)
  • ファイルの先頭に「 」を追加.ig(space)し、最後に削除します
  • 完了、各セレクターは親で始まります.ig

at-media ルールとその二重閉じ括弧がない場合にのみ機能します (念のため、最初の @import、@charset、および @font-face に注意してください)。

于 2013-05-27T18:12:21.977 に答える