如何从两个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文件？

回答

相关问题