Ext Js 4＆＃34; white-space＆＃34;仅适用于项目中的一个网格

Question

亲爱的StackOverFlowers）

我试图在ExtJs 4项目中仅设置一个网格样式。我希望它是“多线”，即

    .x-grid-row .x-grid-cell-inner {
    white-space: normal;
}
.x-grid-row-over .x-grid-cell-inner {
    font-weight: bold;
    white-space: normal;
}

但如果我像上面那样修改css，我的所有网格都变成了多行。一般来说，如何在项目中仅设置一个组件的样式？例如，如果我想在tabpanel中选择一个标签（第一个或第二个）或者手风琴标题中的颜色一个？

如果有人可以帮助我，我会非常感激^。^

Answer 1

您可以尝试向控件添加ID，并将其用作选择器以过滤掉不需要的组件 假设您的网格ID为gridx使用

#gridx .x-grid-row .x-grid-cell-inner {
    white-space: normal;
}
#gridx .x-grid-row-over .x-grid-cell-inner {
    font-weight: bold;
    white-space: normal;
}