Utilisation du sélecteur CSS nth-child avec UiBinder dans GWT

Question

Dans mon application Web, je souhaite disposer d'une table où toutes les autres lignes sont colorées avec un arrière-plan différent. J'utilise GWT et donc dans mon fichier UiBinder J'ai quelques informations de style comme ceci:

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

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

Je crois que c'est le CSS correct comme cela fonctionne dans le navigateur. Cependant, lors de l'exécution de l'application en mode de développement, je reçois un plantage disant que le CSS ne peut pas être interprété. Si je remplace "pair" par "5", j'obtiens une erreur disant que l'Uibinder attend <IDENT>.

Quelqu'un a-t-il déjà utilisé le sélecteur CSS nth-child avec GWT?

Answer 1

Ceci est un known issue.

Vous pouvez contourner ce problème en échappant à la parenthèse pour ne pas confondre l'analyseur pauvre GWT CSS:

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