将css应用于一个网格
将css应用于一个网格
提问于 2018-06-27 08:18:26
我使用的是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应用到一个或两个网格，而不是所有网格？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-06-27 13:07:12
选择器
#grid .ui-jqgrid tr.jqgrow td {...}是错误的，因为.ui-jqgrid是相对于网格的外部 div。以下内容至少是正确的：
.ui-jqgrid #grid tr.jqgrow td {...}请参见jqGrid div和这里表的结构。
Stack Overflow用户
发布于 2018-06-27 08:36:00
有教养的猜测:你用id="grid"和class="ui-jqgrid"瞄准网格。然后，您的CSS应该以#grid.ui-jqgrid tr.jqgrow td为目标(在#grid和.ui-jqgrid之间没有空格)。
目前，它的目标是.ui-jqgrid，它将是子 of #grid，而不是元素。
所以你的代码是：
#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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51057878
复制相关文章
相似问题
腾讯云开发者
