CSSクラスの定義が内部で機能しない<g:HTML>要素

Question

CSSクラス定義が次の例でうまくいかない理由を教えてください。

私は<ui:style>に記載されている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

CSSクラスはtestからGKYSKJX（または似たような）に行き、難読化されます。GWT 2.4 + Chromeを使用していますこれまであなたのdiv

更新：あなたは十分な理由がない限り

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

は、私が付着するのをお勧めします。また

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

は、あなたが選ぶことができるが、これを行うことにより、難読化しないように自分のスタイルを強制的に最初の方法で。

詳細はDeclarative Layout with UiBinder - Hello Stylish Worldをご覧ください。