javascript - Ext Js 4 "white-space"仅适用于元素中的一个网格

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，我所有的网格都会变成多行。一般来说，我怎样才能在元素中只设置一个组件的样式？例如，如果我只想为选项卡面板(第一个或第二个)中的一个选项卡着色，或者为 Accordion 标题中的一个着色？

如果有人能帮助我，我将不胜感激^.^

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;
}