html - css3 で :nth-of-type() を使用したスタイリング

Question

div と span を使用して設計される構造のようなテーブルのスタイルを設定する必要があります。

  <div id="parentdiv">
         <div>
           <span>abc</span>
           <span>bcd</span>
           <span>cde</span>
         </div>
         <div>
           <span>123</span>
           <span>234</span>
           <span>456</span>
         </div>
         <div>
           <span>mno</span>
           <span>nop</span>
           <span>pqr</span>
         </div>
         <div>
           <span>678</span>
           <span>789</span>
           <span>890</span>
         </div>

ここでは、代替 div を 2 色でスタイルする必要があります。私が使ったcssは

        #parentdiv div :nth-of-type(2N)
         {
         background-color: #FFF;
         }

        #parentdiv div :nth-of-type(2N+1)
         {
          background-color: #f7f7f7;
         }

ここでは、スパンがスタイルされています。私を助けてください。1 行おきの行が適切に色付けされるように、div のみをスタイル設定する必要があります。誰かが私を助けてくれることを願っています。ありがとう ：）