1 つの div 内にネストされた奇数の div のスタイルを変更しようとしています。何らかの理由で、nth-of-type(odd) が別の div 内にネストされている場合、すべての div に影響します。通常の div と奇数の div のコードは次のとおりです。

.video-entry-summary { 幅: 214ピクセル; 高さ: 210ピクセル; マージン左: 10px; フロート: 左; 位置: 相対的; オーバーフロー: 非表示; 境界線: 1 ピクセルの黒一色。 } .video-entry-summary:nth-of-type(odd) { 幅: 214ピクセル; 高さ: 210ピクセル; マージン左: 0px; フロート: 左; 位置: 相対的; オーバーフロー: 非表示; 境界線: 1 ピクセルの黒一色。 背景: #ccc; }

 
 ビデオ1 
 
 
 
 ビデオ2 
 
 
 
 ビデオ3 
 
 
 
 ビデオ 4 
 

何らかの理由で、nth-of-type は div 内にネストされている場合には機能しませんが、div 内にネストされていない場合には機能します。

div 内にネストされていない場合の動作バージョン:

.video-entry-summary { 幅: 214ピクセル; 高さ: 210ピクセル; マージン左: 10px; フロート: 左; 位置: 相対的; オーバーフロー: 非表示; 境界線: 1 ピクセルの黒一色。 } .video-entry-summary:nth-of-type(odd) { 幅: 214ピクセル; 高さ: 210ピクセル; マージン左: 0px; フロート: 左; 位置: 相対的; オーバーフロー: 非表示; 境界線: 1 ピクセルの黒一色。 背景: #ccc; }

 ビデオ1 
 
 ビデオ2 
 
 ビデオ3 
 
 ビデオ 4 

初期コードを上記と同じにするにはどうすればよいですか?