CSS/CSS 기초
[CSS]counter-increment 요소 순서 자동으로 생성하기
알찬 퍼블리셔
2019. 5. 28. 17:33
728x90
반응형
.count-box{
counter-reset: hindex;
/* counter이름 정하기 이때 값은 0으로 초기화 됨 */
}
h3::after {
counter-increment: hindex;
/* 아무것도 쓰지않으면 1씩 증가
hindex 2 라고 쓰면 2씩 증가
hindex -1 이면 1씩 감소
여러개 다르게 설정 가능
*/
content: counter(hindex);
/* 출력 */
}
태그명 또는 클래스명 등으로 같은 속성을 가진 요소들의 순서를 찾아서 출력할 수 있습니다.
728x90
반응형