CSSのみで交互色 … リスト

リスト背景色を交互に変更したい

・Bootstrapを利用しているサイトだったので、

<table class="table table-striped">

  …

</table>

みたいに、

<ul class="table table-striped">

  …

</ul>

とやってみるも、何にも変わらない

・うん、ここに書かれている通り、「Optional classes」だってことは(テーブルのオプションだってことは)知ってたんだけどさ
・もしかしたら、イケるんちゃうか？ と思いやってみるも、見事に惨敗
・バカだね、オレって…

・結局、こちらを参考にコーディングしたよ

「先頭がBoxで始まる、divタグid要素」内にある、 「ul」内「li」要素の偶数番目の背景色を指定
▼css

div[id^="Box"] ul li:nth-child(even){

	background:#F1F1F1;;

}