ホームページ > ウェブフロントエンド > htmlチュートリアル > 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
リリース: 2016-06-24 11:37:22
オリジナル
1432 人が閲覧しました

例:

.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番目のメソッドの参照アドレス:

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート