css - 仅将 CSS 应用于一个网格

Question

我正在使用 jqgrid 4.5.4。

我正在尝试使用此选择器应用一些 css

.ui-jqgrid tr.jqgrow td {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
}

但是因为我有多个网格，我只想将这个 css 应用到一个网格，所以我尝试了这种方式:

#grid .ui-jqgrid tr.jqgrow td {
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow: hidden;
    height: auto;
    vertical-align: middle;
}

但没有成功。

有没有办法将此 css 应用于一个或两个网格而不是所有网格？

Answer 1

选择器

#grid .ui-jqgrid tr.jqgrow td {...}

是错误的，因为 .ui-jqgrid 是相对于网格的外部 div。正确的至少是以下内容:

.ui-jqgrid #grid tr.jqgrow td {...}

查看 jqGrid div 和表格的结构 here .