[css 10초 컷] :last-child Selector VS :nth-last-child() Selector

 

 

 

 

 

 

[css 10초 컷] :last-child Selector와 :nth-last-child()입니다.

 

 

 

 

 

 

 

 

 

 

 

 

---

 

 

 

 

 

 

 

 

 

:last-child 선택자는 상위(부모) 요소의 마지막 하위(자식) 요소를 가리킵니다.

 

 

 

 

 

 

 

 

 

:nth-last-child(n) 선택자는 타입이나, 상위(부모) 요소와 관계없이, n번째 하위(자식)의 모든 요소를 가리킵니다. 

 

 

 

 

 

 

 

 

 

 

 

 

p:last-child은 p:nth-last-child(1)와 같습니다.

 

 

 

 

 

 

 

 

 

참고
https://css-tricks.com/almanac/selectors/l/last-child/#:~:text=The%20%3Alast%2Dchild%20selector%20allows,with%20parent%20and%20sibling%20content.
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_last-child

https://css-tricks.com/almanac/selectors/n/nth-last-child/