从所有子元素中删除样式

Question

我有一个面板（A），其中包含3个其他面板（AA，AB，AC）。每个子面板都包含Label和Button。标签有一种风格。如何从A上的所有标签中删除所有样式。我的想法是制作像A.getChilds（）。removeStyleName（）; ...

编辑：子面板的数量是可变的......从2到1000.每个子面板都有相同的css类。

Answer 1

您只需要将样式添加到A。

.someStyle { background-color: blue; }
.someStyle .gwt-Label { font-weight: bold; }

（请注意，GWT标签会自动指定styleName“gwt-Label”

然后，当您想要从面板A下面的所有内容中删除此样式时，就像panelA.removeStyleName("someStyle");一样简单，这将使上述规则不再适用。

从面板A中删除someStyle会将其从其下方的所有节点中删除。这就是为什么他们被称为 Cascading 样式表。