Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 从所有子元素中删除样式_Css_Gwt - Fatal编程技术网

Css 从所有子元素中删除样式

Css 从所有子元素中删除样式,css,gwt,Css,Gwt,我有一个面板(a),其中包含3个其他面板(AA、AB、AC)。每个子面板都包含标签和按钮。标签有一个样式。如何从A上的所有标签中删除所有样式。我的想法是制作类似于A.getChilds().removeStyleName() 编辑:子面板的数量是可变的…从2到1000。每个子面板都有相同的css类。您只需将样式添加到 .someStyle { background-color: blue; } .someStyle .gwt-Label { font-weight: bold; } (请注意,

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


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

您只需将样式添加到

.someStyle { background-color: blue; }
.someStyle .gwt-Label { font-weight: bold; }
(请注意,GWT标签会自动指定样式名“GWT标签”)

然后,当您想从面板A下的所有内容中删除此样式时,只需
panelA.removeStyleName(“someStyle”)将使上述规则不再适用


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

如果子面板的数量不变,这个解决方案将起作用(请参阅我编辑的文章,我现在已经尝试更好地解释了)。更新了我的答案。无论面板A下有多少子面板/标签,也不必在CSS中一一列举。您是否可以编辑您的问题以包含您使用的解决方案?这可能会对其他有类似问题的人有所帮助,而且可能还有更好的方法。