<p>하나의 div에 포함된 홀수 개의 div의 스타일을 변경하려고 합니다. 그러나 홀수 div에 대한 스타일 선택기 <code>nth-of-type(odd)</code>는 다른 div에 포함될 때 모든 div에 영향을 미칩니다. 다음은 일반 div와 홀수 div에 대한 코드입니다. </p> <p><br /></p> <pre class="brush:css;toolbar:false;">.video-entry-summary { 너비: 214px; 높이: 210px; 왼쪽 여백: 10px; 왼쪽으로 뜨다; 위치: 상대; 오버플로: 숨김; 테두리: 1px 단색 검정; } .video-entry-summary:n번째 유형(홀수) { 너비: 214px; 높이: 210px; 왼쪽 여백: 0px; 왼쪽으로 뜨다; 위치: 상대; 오버플로: 숨김; 테두리: 1px 단색 검정; 배경: #ccc; }</pre> <pre class="brush:html;toolbar:false;"><div id="post-501" class="post-501 게시물 유형-게시 상태-게시 형식-표준 hentry 카테고리-moto-dz- 영화 tag-news-sub-2"> <div class="video-entry-summary"> 비디오 1 </div> </div> <div id="post-240" class="post-240 게시물 유형-게시 상태-게시 형식-표준 헨트리 카테고리-동영상"> <div class="video-entry-summary"> 비디오 2 </div> </div> <div id="post-232" class="post-232 게시물 유형-게시 상태-게시 형식-표준 헨리 카테고리-동영상"> <div class="video-entry-summary"> 비디오 3 </div> </div> <div id="post-223" class="post-223 게시물 유형-게시 상태-게시 형식-표준 헨트리 카테고리-동영상"> <div class="video-entry-summary"> 비디오 4 </div> </div></pre> <p><br /></p> <p>어떤 이유에서인지 <코드>n번째 유형</code> 선택기가 내 div에 포함되어 있으면 작동하지 않지만 어떤 div에도 포함되어 있지 않으면 작동합니다. </p> <p><strong>div에 포함되지 않은 경우 작동 버전: </strong></p> <p><br /></p> <pre class="brush:css;toolbar:false;">.video-entry-summary { 너비: 214px; 높이: 210px; 왼쪽 여백: 10px; 왼쪽으로 뜨다; 위치: 상대; 오버플로: 숨김; 테두리: 1px 단색 검정; } .video-entry-summary:n번째 유형(홀수) { 너비: 214px; 높이: 210px; 왼쪽 여백: 0px; 왼쪽으로 뜨다; 위치: 상대; 오버플로: 숨김; 테두리: 1px 단색 검정; 배경: #ccc; }</pre> <pre class="brush:html;toolbar:false;"><div class="video-entry-summary"> 비디오 1 </div> <div class="video-entry-summary"> 비디오 2 </div> <div class="video-entry-summary"> 비디오 3 </div> <div class="video-entry-summary"> 비디오 4