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

有根据的猜测：您正在使用id="grid"和class="ui-jqgrid"定位网格。然后，您的CSS应该以{{1}}为目标（#grid.ui-jqgrid tr.jqgrow td和#grid之间没有空格）。

目前，它定位的是.ui-jqgrid的{strong>子元素的.ui-jqgrid而不是元素。

因此您的代码应为：

#grid

Answer 2

选择器

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

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

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

请参阅jqGrid div和表here的结构。

将CSS应用于仅一个网格

2 个答案: