Jquery ui jqgrid-将多个主题应用于同一页面中的多个表

我这里有两个jqgrid表，什么是只将多个主题应用于jqgrid表的最佳方法

我曾尝试将css选择器作用域添加到表中，但在表中无法正常工作

表1的主题1

<link rel="stylesheet" type="text/css"  href="../themeLefrog/jquery-ui.theme.css" />
  <link rel="stylesheet" type="text/css"  href="../themeLefrog/jquery-ui.min.css" />
  <link rel="stylesheet" type="text/css"  href="../themeLefrog/jquery-ui.theme.css" />

表2的主题2

<link rel="stylesheet" type="text/css"  href="../themeBlitzer/jquery-ui.theme.css" />
  <link rel="stylesheet" type="text/css"  href="../themeBlitzer/jquery-ui.min.css" />
  <link rel="stylesheet" type="text/css"  href="../themeBlitzer/jquery-ui.theme.css" />

---

首先，您应该从下载自定义jQuery UI主题。例如，您希望在一个HTML页面上使用Le Frog和Redmond主题。您可以使用如下HTML代码

这意味着

div.redmond

和

div.le-frog

可以作为选择器，用于指定相应jQuery UI主题CSS的应用范围。因此，您可以在下载页面上选择以下选项：

您在web页面上包含了两个CSS，如

并使用与通常相同的代码。结果如下所示：

或者类似于，使用Blitzer和Le Frog主题：

我在演示中加入了

jqueryui.css

而不是

jqueryui.min.css

只是为了简化每个人对文件的检查。其中包含具有相应规则的CSS规则。比如说

div.redmond.ui小部件{
字体系列：Lucida Grande、Lucida Sans、Arial、Sans serif；
字体大小：1.1米；
}

及

div.le-frog.ui小部件{
字体系列：Lucida Grande、Lucida Sans、Arial、Sans serif；
字体大小：1.1米；
}

而不是标准规则

.ui小部件{
字体系列：Lucida Grande、Lucida Sans、Arial、Sans serif；
字体大小：1.1米；
}

谢谢您的详细回答谢谢