[ CSS ] nth-child , first-child, nth-last-child, last-child

ex ) nth-child

div:nth-child(n){
    ....
}

- n번째 div 

 

ex ) first-child

div:first-child{
    ....
}

- nth-child(1) 과 같음

 

ex ) nth-last-child

div:nth-last-child(n){
    ....
}

- 뒤에서 n번째 div 

 

ex ) last-child

div:last-child(n){
    ....
}

- nth-last-child(1)과 같음