공부/Html|CSS2022. 5. 21. 23:11[CSS] :nth-child 활용하여 개별 css 적용 (feat.테이블 색상 꾸미기)
개요 엑셀로 관리하고 있던 문서를 이제 웹에서도 관리하고 싶다는 A 부서 임의의 화면설계서를 넘겨받았는데, 테이블 색상이 알록달록하였다. 전문적으로 CSS를 해본적이 없기에, '범위 설정해서 스타일 적용할 수 없을까?' 는 생각을 가지고 검색 nth-child 속성으로 화려하게 범위 지정이 가능하다는 것을 알게 되어 공부한 내용 기록 오늘도 개미는 열심히 일을 하네 (뚠뚠) 테이블 예시 :nth-child 속성 활용 :nth-child(n) 원하는 n 번째에 dom component 대해서만 스타일 적용 가능 문제) 이미지 ① 의 경우 3번째 td 제외한 나머지는 가운데 정렬 처리를 해야 했음 // not 속성을 활용하여 3번째 td 를 제외하고 전부 가운데 정렬 처리 👍 table the..