Подтвердить что ты не робот

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

В моем веб-приложении я хочу иметь таблицу, в которой каждая другая строка окрашена с другим фоном. Я использую 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, поскольку он работает в браузере. Однако при запуске приложения в режиме dev я получаю сообщение об ошибке, когда CSS не может быть интерпретирован. Если я заменю "четный" на "5", я получаю сообщение об ошибке Uibinder <IDENT> .

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

4b9b3361

Ответ 1

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

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

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