在GWT中使用带有UiBinder的nth-child CSS选择器

Question

在我的网络应用程序中,我希望有一个表格,其他每一行都用不同的背景着色.我正在使用GWT,所以在我的UiBinder文件中我有一些这样的样式信息:

<ui:style> 
  .productlist { 
    cursor: pointer; 
    width: 50em; 
    padding: 10px 10px 0px 10px; 
  }

  .productlist tr:nth-child(even) { 
    background-color: silver; 
  }
</ui:style>

我相信这是正确的CSS,因为它在浏览器中工作.但是,在开发模式下运行应用程序时,我发现崩溃说无法解释CSS.如果我将"even"替换为"5",我会收到一条错误,说Uibinder期望<IDENT>.

有没有人以前用过GWT的nth-child CSS选择器？

Answer 1

这是一个已知问题.

你可以通过转义括号来解决这个问题,以避免混淆糟糕的GWT CSS解析器:

.productlist tr:nth-child\(even\) { 
    background-color: silver; 
}