ホームページ >ウェブフロントエンド >htmlチュートリアル >table css 奇数と偶数 style_html/css_WEB-ITnose
table css 奇数と偶数 style_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:09:371189ブラウズ
純粋な CSS 奇数および偶数のスタイル
JS スクリプトは拒否されます
100db36a723c770d327fc0aef2ce13b1
...無視してください
ディスカッションへの返信 (解決策)
CSS3 は大丈夫ですか?
tr の間にクラスを書く
または
td th に関する注意事項 (規格を満たしていない)
<!DOCTYPE HTML><html> <head> <meta charset="gb2312" /> <title></title> <style> td { background:#eee; } th { font-weight:normal; background:#ddd; } </style> </head> <body> <table> <tr> <td>1-1</td> <td>1-1</td> <td>1-1</td> </tr> <tr> <th>1-1</th> <th>1-1</th> <th>1-1</th> </tr> <tr> <td>1-1</td> <td>1-1</td> <td>1-1</td> </tr> </table> </body></html> https://developer.mozilla.org/en/CSS/:nth-child
IE9+
2 つのクラス スタイルを定義します
奇数行と偶数行に異なるスタイルを使用します。
それを行うには js スクリプトを使用する方が良いことがわかりました
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。