[CSS] :nth-child, align-self, order


[CSS] :nth-child, align-self, order

1. :nth-child :nth-child() 의사 클래스는 형제 사이에서의 순서에 따라 요소를 선택합니다. 첫 시작은 0부터 시작하는 게 아닌 1, 즉 :nth-child(1)이면 첫 번째. //사용법 .child{ } .child:nth-child(1){ } //html에서 할당한 child 박스가 여러 있으면 그중에서 첫 번째 박스에 내용 부여. 2. align-self 앞서 언급한 :nth-child 안에 들어간다. 또한, align-self는 align-items (cross axis)처럼 동작. 3. order html을 수정할 필요 없이 order로 css에서 순서 부여....

[CSS] :nth-child, align-self, order에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.


#align_self #css #html #nth_child #order

원문링크 : [CSS] :nth-child, align-self, order