nth-of-type/nth-child가 중첩된 요소에 대해 작동하지 않는 이유는 무엇입니까?

Question

div 내의 홀수 div 스타일을 변경하려고 합니다. 어떤 이유로 nth-of-type(odd)가 다른 div 안에 있으면 내 모든 div에 영향을 미칩니다. 일반 div와 홀수 div에 대한 코드는 다음과 같습니다.

으아악 으아악

어떤 이유로든 nth-of-type은 내 div 안에 싸여 있으면 작동하지 않지만 어떤 div 안에 싸여 있지 않으면 작동합니다.

div에 포함되지 않은 작업 버전:

으아악 으아악

초기 코드를 위와 같이 작동하게 하려면 어떻게 해야 하나요?

Answer 1

:nth-of-type() 与 :nth-child() 类似，因为它们必须都来自同一个父级。如果您需要这些包装器 div，请在这些包装器上使用 :nth-of-type()：

으아아아

모든 동료가 .post，请使用 :nth-child() 以避免与 :nth-of-type()의 진정한 의미인 경우:

으아아아

으아아아 으아아아