[css] css 가상클래스로 1. 2. 3. 쓰기 (counter)

1.
2.
3.
이렇게 순번을 써야하는데 css로 하는 방법 !

 

html

<div class="wrapper">
    <dl>
    	<dt></dt>
        <dd></dd>
    </dl>
    <dl>
    	<dt></dt>
        <dd></dd>
    </dl>
    <dl>
    	<dt></dt>
        <dd></dd>
    </dl>
    <dl>
    	<dt></dt>
        <dd></dd>
    </dl>
</div>

scss

.wrapper {
    counter-reset:아무이름 0;
	
    dl {
        &:before {
            counter-increment: 아무이름;
            content: counter(아무이름);
        }
    }
}