GWT css 样式覆盖

Question

I want to override my label color so redfined it one of the css in application using.gwt-label class. However at one specific location in the application, I need a different color. So I did the overriding the css style class in the UI binder of that class using @external

   <ui:style field='otherStyle'>
       @external .gwt-Label;
      .gwt-Label { color: #fff; }  

   </ui:style>

It works fine but the moment I access this page in the browser, all the labels style take the effect of above style.

Any clue would be helpful.

Thanks in advance

Answer 1

I recommend you use a different style name, and add it to all of the elements you want to be a different color. You can't selectively choose which version of a single css class to use on different elements.