저도 같은 궁금증인데, 답변대로 quote 태그 아래 자식이 span, span, div 순서인 것은 알겠으나 css 파일에 .quote span:last-child 하게 되면 quote의 자식들 중 span들 중에 last-child 니까 닫는 따옴표에 스타일이 적용되야 하는것이 맞지 않나요,,? 말씀하신대로면 .quote:last-child나 .quote span:last-child나 차이가 없다는 건데 이 부분이 잘 이해되지 않습니다.ㅠㅠ

저도 뚜든님과 같은 궁금증이 있습니다 ㅠㅠ 답변해 주실 분 안 계실까요??

흠.. 저도 궁금하네요

오 저도요

찾았어요! 이 링크에서 중간에 detailed example의 result 라고 된 박스를 확인해보세요. https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child

요약하자면, nth-child가 사용되었을 때에는 span:nth-child() 하면 span이 아닌 자식이 결과적으로 배제되기는 하지만 카운트에는 포함되고, nth-of-type()을 쓸 경우에는 span:nth-of-type() 할 때 span이 아닌 자식들이 카운트조차 되지 않아요. 이러한 논리가 last-child 또는 last-of-type에서도 마찬가지로 적용된다면, span:last-child를 썼을 때에는 span이 아닌 자식들도 (결과에서 배제될지언정) 카운트'는' 될 것이기 때문에, 우리가 기대한 두 번째 span은 마지막 자식으로서 카운트되지 않고 div가 마지막 자식으로서 카운트가 될테고, 이 마지막자식은 span이 아닌 div이기 때문에, 마지막이기는 하나 효과가 입혀지지는 못하게 되는 것이 아니었을까요!!