使用CssResource时覆盖正文选择器

Question

根据本指南，我正在使用包含在ClientBundle中的CssResource：http://code.google.com/webtoolkit/doc/latest/DevGuideUiCss.html#cssfiles

根据本指南，我使用ui:with：http://code.google.com/webtoolkit/doc/latest/DevGuideUiBinder.html#Using_an_external_resource从我的UiBinder xml访问样式

这对于使用html元素上的类或GWT上的styleName访问我的css非常有用。但是，我想重写body选择器，我如何才能实现呢？

当我以前在html文件中使用标记或者在GWT模块xml中指向css时，这种方法非常有效。但由于这是取消，我切换到只使用CssResource。现在没有使用我自己的正文选择器，而是使用来自GWT标准主题的正文选择器。

Answer 1

好吧，我自己找到了两个解决方案：

根据本指南，

1. 将@external添加到body CSS选择器以抑制选择器混淆：http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#External_and_legacy_scopes

@external body；body { my

• }

• 将id添加到body中，使用GWTs DOM.getElementById获取元素并添加样式。

元素主体= DOM.getElementById("bodyId")；body.addClassName(AppResources.layout().body());

希望这能对其他有同样情况的人有所帮助。