代码之家  ›  专栏  ›  技术社区  ›  cupakob

从所有子元素中删除样式

  •  1
  • cupakob  · 技术社区  · 14 年前

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

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

    1 回复  |  直到 12 年前
        1
  •  2
  •   Jason Hall    14 年前

    您只需要将样式添加到。

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

    (请注意,GWT标签自动指定了样式名“GWT标签”)。

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

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