css - 如何将嵌套的 css 类设置为 CssResources

Question

例如我有这个html div结构

<div class="parent">
   <div class="child1">
      <div class="child21"></div>
      <div class="child22"></div>
   </div>
</div>

和这些r对应的类

.parent{ /*stuff*/}
.parent .child1{/*stuff*/}
.parent .child1 .child21{/*stuff*/}
.parent .child1 .child22{/*stuff*/}

那么如何在 CssResource 中为这些嵌套的 div 设置类名。我尝试了不同的组合，但没有一个有效。我将展示其中一些不起作用的组合。

public interface CssStuff extends CssResource{
      public String parent();  // works

      Classname("parent child1")
      public String child1();   // dont work

      Classname("parent .child1 .child21")
      public String child21();   // dont work

      Classname("parent.child1.child22")
      public String child22();   // dont work
 }

我收到以下错误消息:

Replacing CSS class names The following obfuscated style classes were missing from the CSS file: parent .child1: Fix by adding .parent .child1{}

等等。

我的意思是这些类存在于 CSS 文件中。那么有什么问题以及如何在 CssResource 中设置这些类？

Answer 1

嵌套类名只是类名，所以只需将您的代码更改为:

public interface CssStuff extends CssResource{
  public String parent();
  public String child1();
  public String child21();
  public String child22();
}

您将获得这些类的混淆名称，以在您的小部件中使用。