0

我目前正在使用 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 文件中的一个 CSS？这一次，我想为 id=grid 的 div 标签禁用 bootstrap css，其中网格将显示。

4

2 回答 2

1

您不能禁用样式表引用，但可以将其中的选择器更改为更具描述性。例如，如果这两个样式表都只是 style div，那么您当然会遇到冲突。但是，如果您将引导程序的选择器修改为#twitter div，您将获得更精确的结果。

于 2012-04-28T08:47:52.547 回答
1

非常模糊，但这是您的解决方案：在您选择的浏览器中使用开发工具，但我将使用 Chrome 进行解释：

  • 将鼠标悬停在受影响的 jqgrid 表上并单击检查元素。开发工具将打开，您应该从单独的样式表中看到该元素上声明的所有样式。
  • 如果您看到任何来自 jqgrid 的样式被划掉（被覆盖），您需要在您的 jqgrid 样式表中指定它们，例如，通过添加类、id、父选择器或链接。
  • 此外，如果有样式引导程序声明 jqgrid 没有解决（这些您将不得不手动筛选），同样的解决方案适用：将这些样式添加到 jqgrid，同时指定您想要的样式并添加特异性您的声明，以便它们覆盖引导程序。

如果您发布了链接，我可以向您展示，我认为这比这个解释要容易得多。但这将实现您想要的样式。

于 2012-04-28T08:58:19.997 回答