CSS类定义在<g:HTML>元素中不起作用

Question

你能告诉我为什么css类定义在以下例子中不起作用？

我正在使用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

在列出的CSS类<ui:style>将被混淆,从去test到GKYSKJX(或类似的东西).

将你的div更新为:

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

或者,你可以选择通过这样做强制你的风格不混淆:

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

除非你有充分的理由,否则我建议坚持使用第一种方法.

在使用UiBinder的声明布局中查看更多内容- Hello Stylish World.