Usando el selector CSS nth-child con UiBinder en GWT

css-selectors

Question

En mi aplicación web, quiero tener una tabla donde todas las demás filas estén coloreadas con un fondo diferente. Estoy usando GWT y, por lo tanto, en mi archivo UiBinder tengo información de estilo como esta:

<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 correcto, ya que funciona en el navegador. Sin embargo, cuando ejecuto la aplicación en modo dev, recibo un error que dice que el CSS no se puede interpretar. Si sustituyo "par" por "5", aparece un error que dice que Uibinder esperaba <IDENT>.

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

Answer 1

Este es un problema conocido .

Puede solucionar este problema evitando el paréntesis para evitar confundir el pobre analizador de CSS de GWT:

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