n번째 유형/n번째 하위 선택자가 중첩된 요소에 영향을 주지 않는 이유는 무엇입니까?

Question

하나의 div 내에 중첩된 홀수 개의 div의 스타일을 변경하려고 합니다. 어떤 이유로 nth-of-type(odd)가 다른 div 내에 중첩되면 모든 div에 영향을 미칩니다. 다음은 일반 div와 홀수 div에 대한 코드입니다.

.video-entry-summary {
  너비: 214px;
  높이: 210px;
  왼쪽 여백: 10px;
  왼쪽으로 뜨다;
  위치: 상대;
  오버플로: 숨김;
  테두리: 1px 단색 검정;
}

.video-entry-summary:n번째 유형(홀수) {
  너비: 214px;
  높이: 210px;
  왼쪽 여백: 0px;
  왼쪽으로 뜨다;
  위치: 상대;
  오버플로: 숨김;
  테두리: 1px 단색 검정;
  배경: #ccc;
}

  

    비디오 1
  



  

    비디오 2
  



  

    비디오 3
  



  

    비디오 4
  

Answer 1

:nth-of-type()和:nth-child()类似，它们都必须来自同一个父元素。如果你需要这些包装的div，请在这些包装上使用:nth-of-type()：

으아악

모든 형제 요소가 .post，请使用:nth-child()来避免与:nth-of-type()Confusing의 진정한 의미인 경우: 으아악

으아악 으아악