GWTでUiBinderでnth-child CSSセレクタを使用

Question

私のWebアプリケーションでは、1行おきに異なる背景で色付けされた表が必要です。私は、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>と言うエラーが表示されます。

GWTでnth-child CSSセレクタを使用したことがありますか？

Answer 1

これはknown issueです。

あなたが悪いGWT CSSパーサーを混乱を避けるために括弧をエスケープすることにより、この問題を回避することができます

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