Question

我似乎无法设置所选堆栈面板的CSS 让它被未选择的CSS覆盖。如果我离开了单独取消选择，选定的堆栈面板将正确覆盖，但如果我定义自己的，它就不会。这是一个错误，还是一些“工作如预期的“事情？

我在这里设置我的CSS：

.gwt-StackPanel .gwt-StackPanelItem-selected {
        background: url('images/toggle-o.gif');

}

.gwt-StackPanel .gwt-StackPanelItem {
        font-weight: bold;
        font-size: 8pt;
        width: 400px;
        /*background: url('images/toggle-c.gif');*/
        background-color: #EEE;
        background-position: top right;
        background-repeat: no-repeat;

}

不幸的是，我选择的面板被第一个面板覆盖了 CSS不知何故。有帮助吗？这是一个错误吗？如果我单独留下.gwt-StackPanel .gwt-StackPanelItem，它会使用GWT css然后将正确地继承我选择的CSS，但只有这样。

Answer 1

我的问题是CSS的顺序。它们都具有相同的权重，因此最后一个优先。扭转了订单，解决了问题。

GWT StackPanel已选中

1 个答案: