gwt - 在GWT中将nth-child CSS选择器与UiBinder一起使用

Question

在我的Web应用程序中，我想要一个表格，每隔一行用不同的背景色。我正在使用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期望 。

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

Answer 1

这是known issue。

您可以通过转义圆括号来解决此问题，以避免混淆较差的GWT CSS解析器：

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