0

現在、Web アプリの開発に Twitter Bootstrap を使用しています。ここで、同じアプリに jqgrid も使用する必要があります。そのため、ページにいくつかの CSS が含まれています。

<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/flick/jquery-ui-1.8.19.custom.css" rel="stylesheet">
<link href="../css/ui.jqgrid.css" rel="stylesheet">

ただし、ページ上の jqgrid によって生成されたグリッド テーブルは、jgrid テーブルに Twitter っぽいセルがあるため、少し奇妙に見えます。

ページの特定の要素に含めるいくつかの CSS ファイルから 1 つの CSS を無効にする方法があるかどうか疑問に思っています。今回は、グリッドが表示される id=grid の div タグのブートストラップ css を無効にしたいと思います。

4

2 に答える 2

1

かなり漠然としていますが、これが解決策です。選択したブラウザーで開発ツールを使用しますが、Chrome を使用して説明します。

  • 影響を受ける jqgrid テーブルにカーソルを合わせ、要素の検査をクリックします。開発ツールが開き、個別のスタイルシートから、その要素で宣言されているすべてのスタイルが表示されます。
  • jqgrid から取得したスタイルに取り消し線が引かれている (オーバーライドされている) 場合は、jqgrid スタイル シートでそれらを指定する必要があります。たとえば、クラス、ID、親セレクター、またはチェーンを追加します。
  • また、ブートストラップが jqgrid が対処しないと宣言しているスタイルがある場合 (これらは手動でふるいにかける必要があります)、同じ解決策が適用されます: これらのスタイルを jqgrid に追加し、必要なスタイルを指定して特定性を追加します。宣言を変更して、ブートストラップをオーバーライドします。

リンクを投稿した場合は、この説明よりもはるかに簡単だと思います。しかし、これはあなたが望むスタイルを実現します.

于 2012-04-28T08:58:19.997 に答える
1

スタイルシート参照を無効にすることはできませんが、その中のセレクターをよりわかりやすいものに変更できます。たとえば、これらのスタイルシートの両方が style だけの場合div、もちろん競合が発生します。ただし、ブートストラップのセレクターを に変更すると#twitter div、より正確な結果が得られます。

于 2012-04-28T08:47:52.547 に答える