使用外部样式表时，GWT UiBinder中的CSS选择器/继承

Question

我正在使用GWT 2.4.0 + UiBinder。

在我的ui.xml文件中，我使用下面的行引用了外部样式表。

<ui:style
    type="com.codelaboration.twykin.frontend.widgets.qa.client.view.QABox.QAStyle"
    src="QABox.css" />

现在我在同一个ui.xml文件中有以下代码

<div class="{style.imagePanel}">
      <div ui:field="lblUser"/>
</div>

在QABox.css中，我定义了“imagePanel”，并使用CSS继承将CSS应用于imagePanel类中的所有 div ：

.imagePanel {float: left; width: 100px; text-align: center;}
.imagePanel div {float: right; width: 530px;}

现在问题是GWT正在影响样式名称，所以现在 imagePanel 将更改为一些奇怪的名称，因此“.imagePanel div”将无法正常工作。所以基本上我的问题是当外部样式表只在ui.xml中声明时，如何在UiBinder中使用CSS选择器。

感谢。

Answer 1

您可以在gwt应用程序中添加外部css。 你必须给出你的风格资源的相对路径。

听到是一段代码。

你的uibinder xml中的

<ui:style src="QAStyle/QABox.css" />

    <div class="{style.imagePanel}">
          <div ui:field="lblUser"/>
    </div>

它会在QAStyle包中找到css。

或者您也可以使用ClientBundle来避免路径问题。请参阅Using an external resource。

它会帮助你。