처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS counter-reset과 counter-increment를 사용하는 목적은?

보통 MDN Web Docs
보기 및 정답
A border는 자식 요소에 자동으로 상속되는 속성이다
B CSS만으로 자동 번호 매기기(넘버링)를 구현한다
C !important는 하위 요소에 전파된다
D CSS 변수는 일반 속성과 달리 자식에 상속되지 않는다

해설

CSS 카운터를 사용하면 JavaScript 없이 목차, 섹션 번호 등의 자동 번호 매기기를 구현할 수 있습니다. counter-reset으로 카운터를 초기화하고, counter-increment로 증가시킨 뒤, content: counter(name) 함수로 ::before 등에 표시합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기