css - 移除所有子元素的样式

Question

我有一个面板 (A)，其中包含其他 3 个面板(AA、AB、AC)。每个子面板都包含标签和按钮。标签有风格。我如何从 A 上的所有标签中删除所有样式。我的想法是制作类似 A.getChilds().removeStyleName();...

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

Answer 1

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

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

(请注意，GWT 标签会自动指定样式名称“gwt-Label”)

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

从面板 A 中删除 someStyle 会将其从其下方的所有节点中删除。这就是它们被称为级联样式表的原因。