Sassでtr：nth-​​child（odd）を書く方法は？

Question

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

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

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

Answer 1

どのブラウザを使用していますか？ nth-child Firefoxでは現在サポートされていません、または IE 。おそらく、古い奇数/偶数クラスのものを使用する必要があります。

Answer 2

Compassは、テーブルをsassでスタイリングするためのミックスインを提供します。CSS3のサポートが不十分なため、追加のcssクラスが必要です。

のテーブルユーティリティセクションを参照してください。詳細については、Wikiドキュメントをご覧ください。 デモはこちらです。