2つのCSSファイルのうち、1つのCSSファイルのみを適用するにはどうすればよいですか？

私は現在、Webアプリケーションの開発にTwitter Bootstrapを使用しています。今私は同じアプリケーションのjqgridを使用する必要があります。だから、私はページのためにいくつかのCSSが含まれています。あなたはjgridテーブル内のTwitterっぽい細胞を見つけるため、2つのCSSファイルのうち、1つの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によって生成されたグリッドテーブルは少し奇妙に見えます。

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

出典

2012-04-28 Dice

実際に無効にしたいことに関する情報をもう少し提供できますか？ – frontendzzzguy

申し訳ありませんが、htmlタグを使用していたので質問の一部が表示されませんでした。今すぐ問題を解決しました。 – Dice

が、ここはあなたのソリューションです：好みのブラウザでのdevのツールを使用しますが、私はChromeを使って説明するつもりです：影響を受けたjqgridテーブルの上に

ホバーと要素を点検クリックしてください。開発ツールが開き、別のスタイルシートからその要素に宣言されているすべてのスタイルが表示されます。
jqgridから継承された（オーバーライドされている）スタイルがある場合は、jqgridスタイルシートでスタイルを指定する必要があります。たとえば、クラス、ID、親セレクタまたは連鎖を追加する必要があります。
また、ブートストラップがjqgridがアドレス指定していないことを宣言しているスタイルがある場合（これらは手動で調べなければならない）、同じ解決方法が適用されます。これらのスタイルをjqgridに追加し、宣言に特殊性を加えてブートストラップをオーバーライドします。

リンクを投稿した場合、私はあなたにこれを表示することができました。この説明ははるかに簡単です。しかし、これはあなたが望むスタイルを達成するでしょう。

出典

2012-04-28 08:58:19 albert

ありがとうございます。この方法でうまくいった。 – Dice

あなたは、スタイルシートの参照を無効にすることはできませんが、より記述することでセレクタを変更することができます。例えばこれらのスタイルシートの両方がちょうどdivのスタイルであれば、もちろん競合が発生します。ただし、ブートストラップのセレクタを#twitter divに変更すると、より正確な結果が得られます。

かなり漠然と

出典

2012-04-28 08:47:52 robrich

今回は良いアイデアですが、私はより多くのブートストラップパーツを持っていますので、手動でjqgridスタイルを修正するだけで十分でした。とにかくありがとう。 – Dice

2つのCSSファイルのうち、1つのCSSファイルのみを適用するにはどうすればよいですか？

答えて

関連する問題