Utilizando el selector de nth-child CSS con UiBinder en GWT

Question

En mi aplicación web, quiero tener una tabla donde cada una de las demás filas tenga un fondo diferente. Estoy usando GWT y así en mi archivo UiBinder tengo algo de información de estilo de esta manera:

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

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

Creo que este es el CSS correcta, ya que funciona en el navegador. Sin embargo, cuando ejecuto la aplicación en modo dev, recibo un bloqueo diciendo que no se puede interpretar el CSS. Si reemplazo "incluso" con "5", aparece un error que dice que Uibinder esperaba <IDENT>.

¿Alguien ha usado anteriormente el selector CSS nth-child con GWT?

Answer 1

Esto es known issue.

Puede solucionar este problema al escapar el paréntesis para evitar confundir a los pobres analizador GWT CSS:

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