Использование CSS-селектора nth-child с UiBinder в GWT

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 не может быть интерпретирован.Если я заменю «даже» на «5», я получаю сообщение об ошибке, в котором говорится, что Uibinder ожидал .

Кто-нибудь ранее использовал CSS-селектор n-го ребенка с GWT?

Answer 1

Это известная проблема .

Вы можете обойти эту проблему, избежав скобок, чтобы не спутать плохой анализатор GWT CSS:

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