CSSでテーブルストライプ模様

はてなブログ内のテーブルをしましま模様にしたい。
WindowsとAndroidのGoogleChromeでは出来た！他は知らん（R4/4/27）

.sample001 th, .sample001 td {
	border: 1px solid #000000;
}
.sample001 tr:nth-child(odd) td {
	background: #c0c0c0;
}
.sample001 tr:hover td {
	background: #00ff00;
}

以下の表にタッチ、マウスオーバーしてテスト。

TH1	TH2
テスト1	テスト2
ここだけ style
テスト3	テスト4
テスト5	テスト6

nth-child(odd)で奇数行、nth-child(even)で偶数行、ついでにマウスオーバー時の背景色変更もできた。

style="background～での指定は強い。cssで指定しているストライプもマウスオーバー処理も変化無し。

以上。