ruby-on-rails - tr:nth-child(odd) は Sass でどのように記述しますか?

Question

このsassコードは有効ですか?

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

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

Answer 1

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

Answer 2

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

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