Удалить стиль из всех дочерних элементов

Question

У меня есть панель (A), которая содержит 3 другие панели (AA, AB, AC). Каждая из подпанелей содержит метку и кнопку. У лейбла есть стиль. Как я могу удалить все стили со всех надписей над A. Моя идея была сделать что-то вроде A.getChilds (). RemoveStyleName (); ...

edit: количество подпанелей является переменным ... от 2 до 1000. Каждая подпанель имеет один и тот же класс css.

Answer 1

Вам нужно только добавить стиль к A.

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

(Обратите внимание, что для ярлыков GWT автоматически указывается styleName "gwt-Label")

Затем, когда вы захотите удалить этот стиль из всего, что находится под панелью А, это так же просто, как panelA.removeStyleName("someStyle");, из-за которого вышеуказанные правила больше не применяются.

Удаление someStyle из панели A удалит его из всех узлов под ним. Вот почему они называются Каскадные Таблицы стилей.