CssResource的例子？

Question

我正在遷移到使用CssResource。 不過，我不知道如何使用前綴類型：（...是這樣的：

.prefix .label { 
padding: 10px; 
} 

.prefix .button { 
padding: 20px; 
} 

我該怎麼改造這個到CssResource類和使用它的代碼：（... 我與@Import和@ImportedWithPrex，@Share打，但是這一切都有點混亂和文檔很難理解：（... 請一些幫助

埃德

Answer 1

下面是一些代碼，演示ImportedWithPrefix一個的使用情況？ nnotation

interface Bundle extends ClientBundle { 
    @Source("CssImportScopeSample.css") 
    InnerStyle innerStyle(); 

    @Source("CssImportScopeSample.css") 
    OuterStyle style(); 
    } 

    @ImportedWithPrefix("inner") 
    interface InnerStyle extends Style { 
    } 

    @ImportedWithPrefix("outer") 
    interface OuterStyle extends Style { 
    } 

    interface Style extends CssResource { 
    String body(); 
    } 

和一個小UiBinder的代碼..

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder' > 
    <ui:with field='bundle' type='com.google.gwt.uibinder.test.client.CssImportScopeSample.Bundle' /> 

    <ui:style import='com.google.gwt.uibinder.test.client.CssImportScopeSample.OuterStyle 
     com.google.gwt.uibinder.test.client.CssImportScopeSample.InnerStyle'> 
    .outer-body .inner-body { width: 100px; background-color: red; } 
    </ui:style> 

    <div class='{bundle.style.body}'> 
    <span ui:field='outer'/> 
    <div ui:field='inner' class='{bundle.innerStyle.body}'>Inner!</div> 
    </div> 
</ui:UiBinder> 

希望這得是你在正確的軌道上....