728x90
반응형
.count-box{
counter-reset: hindex;
/* counter이름 정하기 이때 값은 0으로 초기화 됨 */
}
h3::after {
counter-increment: hindex;
/* 아무것도 쓰지않으면 1씩 증가
hindex 2 라고 쓰면 2씩 증가
hindex -1 이면 1씩 감소
여러개 다르게 설정 가능
*/
content: counter(hindex);
/* 출력 */
}
태그명 또는 클래스명 등으로 같은 속성을 가진 요소들의 순서를 찾아서 출력할 수 있습니다.
728x90
반응형
'CSS > CSS 기초' 카테고리의 다른 글
[CSS] :target 가상클래스 선택자 (1608) | 2019.05.29 |
---|---|
[CSS]css 계산 calc() 함수 (422) | 2019.05.28 |
[CSS]요소 모양으로 자르기 clip (405) | 2019.05.28 |
[css]box-decoration-break 요소를 나누는 방법 (0) | 2019.05.28 |
[CSS] border-images 테두리 이미지로 그려넣기 (0) | 2019.05.28 |
댓글