如何從兩個css文件中只應用一個css文件？

我目前使用Twitter Bootstrap開發Web應用程序。現在我還需要使用jqgrid來執行相同的應用程序。所以，我爲頁面添加了幾個CSS。如何從兩個css文件中只應用一個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">

但是，因爲你會發現在jgrid表的Twitter上下的細胞jqGrid的頁面上產生的網格表看起來有點奇怪。

所以我想知道是否有任何方法來禁用一個CSS的幾個CSS文件，我包括一個特定的頁面元素？這一次，我想禁用id = grid的div標籤的引導CSS，網格將顯示出來。

來源

2012-04-28 Dice

你能提供一些關於你真正想禁用的信息嗎？ – frontendzzzguy 2012-04-28 08:38:39

對不起，因爲我使用了html標籤，所以沒有顯示部分問題。現在解決了這個問題。 – Dice 2012-04-28 09:33:43

很模糊，但在這裏是您的解決方案：在您選擇的瀏覽器中使用的開發工具，但是我會使用Chrome解釋：

懸停在受影響的jqGrid表，然後單擊檢查元素。開發工具將打開，你應該看到所有的樣式在單獨的樣式表中被聲明。
如果您看到任何來自jqgrid的樣式被劃掉（被覆蓋），您需要在jqgrid樣式表中指定它們，例如，通過添加類，id，父選擇器或鏈接。
此外，如果有樣式，bootstrap聲明jqgrid沒有解決（這些你將不得不手動篩選），同樣的解決方案適用：將這些樣式添加到jqgrid，同時指定你想要的樣式和爲您的聲明添加特殊性，以便它們覆蓋引導程序。

如果你發佈了一個鏈接，我可以告訴你，我認爲這會更容易，然後這個解釋。但是這會達到你想要的風格。

來源

2012-04-28 08:58:19 albert

謝謝。這種方式工作。 – Dice 2012-04-29 05:36:01

您不能禁用樣式表引用，但可以將其中的選擇器更改爲更具描述性。例如如果這兩個樣式表的樣式都是div，那麼當然會發生衝突。但是，如果將引導程序的選擇器修改爲#twitter div，則會得到更精確的結果。

來源

2012-04-28 08:47:52 robrich

這是一個好主意，雖然這次我有更多的引導部分，所以手動修復jqgrid風格已經足夠了。不管怎麼說，還是要謝謝你。 – Dice 2012-04-29 05:38:24

如何從兩個css文件中只應用一個css文件？

回答

相關問題