ホームページ  >  記事  >  ウェブフロントエンド  >  CSS のテーブル tr:nth-child(even) は tr の背景色を変更します: IE7,8 valid_html/css_WEB-ITnose

CSS のテーブル tr:nth-child(even) は tr の背景色を変更します: IE7,8 valid_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:37:221404ブラウズ

例:

.my_table tr:nth-child(even){background:#E6EDF5;}.my_table tr:nth-child(odd){background:#F0F5FA;}

IE7,8 は無効であるため、認識できません。

別の方法:

色を変更する必要がある tr にクラスを追加します

.table_border table tr.even{background: #f8f8fb;}

方法 3: jquery 実装

すごい

ネットで調べたら、 4番目の方法:

 $(".nav ul li div a:nth-child(even)").css({'background':'red'});$(".nav ul li div a:nth-child(odd)").css({'background':'grey'});

しかし、私がそれを実践してみたところ、4番目の方法はまったく反応しませんでした。 実践してうまくいく場合は、その理由を教えてください。

4番目のメソッドの参照アドレス:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。