형제 요소
-
CSS로 자식 요소 갯수 알아내기DEV/CSS 2017. 2. 2. 00:37
CSS로 형제 요소 갯수 알아내기 소개 문서 원본 바로가기 (게시일: 2014년 6월 10일)CSS로 형제 요소 갯수를 알아내는 방법은 2009년 André Luís가 포스팅을 통해 처음 제안하였고, 2년 후에 Lea Verou가 보완하였습니다. 알아 둘 만한 가치가 있다고 생각합니다. 본 기법은 다양하게 응용될 수 있는데, 원본 문서에서는 li 요소 갯수에 따라 블록 안의 배경색을 다르게 매기는 것을 예시로 들었습니다. (flexbox를 사용할 수 없는 환경이라고 가정합니다.)다음 코드에서는 float:left를 사용하여 li 요소들을 띄운 상태입니다. li { float: left; } /* li가 하나일 때 */ li:first-child:nth-last-child(1) { width: 100%; ..