在GWT中使用UiBinder的第n个孩子CSS选择器

前端之家收集整理的这篇文章主要介绍了在GWT中使用UiBinder的第n个孩子CSS选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的网络应用程序中,我想要一张桌子,每隔一行都有不同的背景色.我使用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不能被解释.如果我用“5”替换“even”,我会发现一个错误说,Uibinder希望< IDENT>.

有没有人使用过GWT的第n个CSS选择器?

解决方法

这是一个 known issue.

您可以通过转义括号来解决此问题,以避免混淆可靠的GWT CSS解析器:

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

猜你在找的CSS相关文章