css - 使用 CssResource 时覆盖正文选择器

Question

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

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

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

当我以前在我的 html 文件中使用标记或当我在我的 GWT 模块 xml 中指向 css 时，这非常有用。但是由于这被破坏了，我转而只使用 CssResource。现在不使用我自己的主体选择器，而是使用 GWT 标准主题中的主体选择器。

Answer 1

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

1. 根据本指南，将 @external 添加到正文 CSS 选择器以抑制选择器混淆: http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#External_and_legacy_scopes

   @外部主体； body {我的风格

2. 向主体添加一个 id，使用 GWTs DOM.getElementById 获取元素并添加样式。

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

希望这可以帮助其他处于相同情况的人。