[#TIL] 간단한 넘버링 방법을 위한 'decimal-leading-zero'

새로운 넘버링 방법

❗️ 이전에는 하나하나씩 마크업을 하여 넘버링을 하였다.
decimal-leading-zero 방법을 이용하면 쉽게 넘버링을 할 수 있었다.

.sc-works ul.works-list {
    counter-reset: works 0; /*부모 태그에 카운터 리셋 지정*/
}

.sc-works li.works-item .works-tit-wrap h3::before {
  font-size: 38px;
  content: counter(works, decimal-leading-zero); /*카운터 설정*/
  counter-increment: works;
  font-weight: 400;
  left: 0;
  line-height: 100%;
  position: absolute;
  top: 0.4vw;
}