css - CSS3 ではなく *CSS2* を使用して、HTML テーブルの 1 行おきに選択するにはどうすればよいですか?

Question

CSS2 を使用して HTML テーブルの 1 行おきに選択するにはどうすればよいですか? それが不可能な場合は、CSS3 の回答も歓迎します。

Answer 1

残念ながら、CSS2を純粋に使用するソリューションはありません。

ただし、CSS3のセレクターを使用してすべての行を判別:oddできます。:even

tr:nth-child(even) {
   // if it's even - rows 2,4,6 etc - apply styles
}

tr:nth-child(odd) {
   // if it's odd - rows 1,3,5 etc - apply styles
}

nth-child even/oddすべての主要なブラウザでサポートされていますが、IE8以前ではサポートされていません。

IE8以前で機能させる方法が必要な場合は、n番目の子をどこでも機能させる方法に関するこの記事を確認してください。

Answer 2

tr:nth-child(even) {
   /* stub */
}

また

tr:nth-child(odd) {
   /* stub */
}

ブラウザのサポートについては、こちらをご覧ください