使用CssResource时覆盖正文选择器

Question

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

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

这非常适合在GWT小部件上使用html元素或styleName上的类来访问我的css。但是，我想覆盖身体选择器，我该如何实现呢？

当我以前在我的html文件中使用tag或者在我的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; 身体 { 我的风格 }

2. 向正文添加id，使用GWTs DOM.getElementById抓取元素并添加样式。

   元素body = DOM.getElementById（“bodyId”）;     body.addClassName（AppResources.layout（）主体（））;

希望这可以在同样的情况下帮助其他人。