我正在嘗試更改div內(nèi)奇數(shù)div的樣式。由于某種原因，nth-of-type(odd)當它位于另一個div內(nèi)時，它會影響我的所有div。這是我的常規(guī)div和奇數(shù)div的代碼：.video-entry-summary {  width: 214px;  height: 210px;  margin-left: 10px;  float: left;  position: relative;  overflow: hidden;  border: 1px solid black;}.video-entry-summary:nth-of-type(odd) {  width: 214px;  height: 210px;  margin-left: 0px;  float: left;  position: relative;  overflow: hidden;  border: 1px solid black;  background: #ccc;}<div id="post-501" class="post-501 post type-post status-publish format-standard hentry category-moto-dz-films tag-news-sub-2">  <div class="video-entry-summary">    video 1  </div></div><div id="post-240" class="post-240 post type-post status-publish format-standard hentry category-videos">  <div class="video-entry-summary">    video 2  </div></div><div id="post-232" class="post-232 post type-post status-publish format-standard hentry category-videos">  <div class="video-entry-summary">    video 3  </div></div><div id="post-223" class="post-223 post type-post status-publish format-standard hentry category-videos">  <div class="video-entry-summary">    video 4  </div></div>出于某種原因，nth-of-type當將其包裹在我的div中時不起作用，但是當它們不包裹在任何div中時卻起作用。.video-entry-summary {  width: 214px;  height: 210px;  margin-left: 10px;  float: left;  position: relative;  overflow: hidden;  border: 1px solid black;}.video-entry-summary:nth-of-type(odd) {  width: 214px;  height: 210px;  margin-left: 0px;  float: left;  position: relative;  overflow: hidden;  border: 1px solid black;  background: #ccc;}<div class="video-entry-summary">  video 1</div><div class="video-entry-summary">  video 2</div><div class="video-entry-summary">  video 3</div><div class="video-entry-summary">  video 4</div>``如何使初始代碼與上述代碼相同？