CSSdiv交互色

Css Div Alternating Colour

解決：

n番目の子を使用せず、n番目のタイプを使用します

div.container> div：nth-​​of-type（odd）{背景：＃e0e0e0; }
.container {幅：600px;マージン：0自動; } .row {line-height：24pt;ボーダー：1px黒一色; } div.container> div：nth-​​of-type（odd）{背景：＃e0e0e0; } h3 {行の高さ：36pt;フォントの太さ：太字;青色; }
 
題名
コンテンツコンテンツコンテンツコンテンツ
題名
コンテンツコンテンツ
題名
コンテンツコンテンツコンテンツコンテンツコンテンツ
題名
コンテンツコンテンツコンテンツコンテンツ 
おそらく、子ではなく型で一致させたいと思うでしょう。

 
 
使用する ：n番目のタイプ そのような
 
.row：nth-​​of-type（odd）{背景：＃e0e0e0; } 
もちろん、最も簡単な解決策は、ストライプ化する要素をラップすることです。
 
 
 
更新されたjsFiddle。
 
  HTML  
 
 
題名
コンテンツコンテンツ
題名
コンテンツコンテンツコンテンツ
題名
コンテンツコンテンツコンテンツコンテンツ
  CSS  
 
 
 
.row：nth-​​child（odd）{背景：＃e0e0e0;}
ブラウザのサポートが重要な場合は、代わりにゼブラストライピングサーバー側の追加クラスを生成することをお勧めします。