ホームページ  >  記事  >  ウェブフロントエンド  >  tableのtd要素とul要素liのインターレース色変更機能の実装の詳細説明

tableのtd要素とul要素liのインターレース色変更機能の実装の詳細説明

高洛峰
高洛峰オリジナル
2017-03-10 19:22:052299ブラウズ

この記事では、テーブル要素の td 要素と ul 要素 li の色を 1 行おきに変更する関数の実装について詳しく説明します。

table 要素の td 要素と ul 要素 li の色を変更する関数の実装について詳しく説明します。

CSS を使用して 2 つのスタイルを制御し、2 つの色の変更を簡単に実現します:

例: table CSS スタイル コントロール:

table tr td{
  background-color:颜色1
}
table tr td:nth-child(2n+1){
   background-color:颜色2
}
ul的li样式控制
ul li{
  background-color:颜色1;
}
ul li:nth-child(2n+1){
   background-color:颜色2;
}


以上がtableのtd要素とul要素liのインターレース色変更機能の実装の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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