La definición de clase de CSS no funciona dentro de <g:HTML> elemento

Question

¿Podrían decirme por qué la definición de clase css no funciona en el siguiente ejemplo?

estoy usando GWT 2.4 + Chrome 17.

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' 
      xmlns:g='urn:import:com.google.gwt.user.client.ui'> 
    <ui:style> 
     div.test { 
      color: red; 
     } 
    </ui:style> 
    <g:HTML> 
     <div class="test">I should be red but I'm not</div> 
    </g:HTML> 
</ui:UiBinder> 

Answer 1

clases CSS que figuran en el <ui:style> se ofuscado, yendo test-GKYSKJX (o algo similar).

actualización de su div a esto:

<div class="{style.test}">Now I'm red :)</div> 

Alternativamente, se puede optar por forzar su estilo de NO confundir al hacer esto:

@external .test; 
div.test { 
    color: red; 
} 

A menos que tenga una buena razón, recomiendo pegarse con el primer método

Ver más en Declarative Layout with UiBinder - Hello Stylish World.