마지막 업데이트 : 2022년 01월 31일
조회수 : 

리스트 요소에 자동카운터 넘버 삽입 방법

부모요소에 counter-reset: li; 속성부여 custom tag를 이용하여 div를 ul 요소로 바꾸고 적절한 클래스 명을 부여한 다음 다음의 CSS 코드를 추가합니다. 자식요소의 :before 에 content 및 content-increment 속성부여 자식요소에 적절한 클래스 […]
Written by: doogak

부모요소에 counter-reset: li; 속성부여

custom tag를 이용하여 div를 ul 요소로 바꾸고 적절한 클래스 명을 부여한 다음 다음의 CSS 코드를 추가합니다.

counter-reset: li;

자식요소의 :before 에 content 및 content-increment 속성부여

자식요소에 적절한 클래스 명을 부여한 다음 :before 에 다음의 CSS 코드를 추가합니다.

content: counter(li);
counter-increment: li;
power-switchmagnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram