La definizione della classe CSS non funziona all'interno dell'elemento <g:HTML>

Question

Potresti dirmi perché la definizione della classe css non funziona nel seguente esempio?

sto 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

classi CSS elencate nella <ui:style> verrà occultata, che va test-GKYSKJX (o qualcosa di simile).

Aggiornare il div a questo:

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

In alternativa, si potrebbe scegliere di forzare il vostro stile per non offuscare in questo modo:

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

Se non avete una buona ragione, vi consiglio di attaccare con il primo metodo.

Altre informazioni allo Declarative Layout with UiBinder - Hello Stylish World.