あなたはtr：nth-​​child（odd）をSassにどのように書いていますか？

Question

このコードは有効ですか？

tr:nth-child(odd) 
    :background-color #cccccc 

どういうわけか、テーブルの交互の行が色付けされません。

Answer 1

どのブラウザが使用していますか？ Firefoxのnth-childisn't presently supported、またはIEおそらく、古い奇数/偶数クラスのものを使用しなければならないでしょう。

Answer 2

コンパスはあなたのテーブルを華やかにスタイリングするためのミックスインを提供していますが、CSS3のサポートが不十分なため、追加のCSSクラスが必要です。

詳細については、セクションのテーブルユーティリティの表ユーティリティを参照してください。 A demo is here。