1. ol태그로 만들기
<ol>
<li>첫번쨰 아이템/li>
<li>두번쨰 아이템/li>
<li>세번쨰 아이템/li>
....
</ol> 2. CSS Counter
<style>
body{
counter-reset : ; // counter이름 지정, 초기 값 0
}
dl>dt:before{
counter-increment: dt;
content: counter(dt)'.';
}
</stlye>
<body>
<dl>
<dt>R</dt>
<dd></dd>
<dt>2</dt>
<dd></dd>
<dt>U</dt>
<dd></dd>
</dl>
</body>📌 counter-reset : 개수를 셀 인스턴스 생성, 초기 값은 0부터 시작합니다.
📌 counter-incrment : 내가 셀 리스트의 이름을 넣어준다. i++ 라고 생각하면 된다.
📌 content : counter(dt)는 dt를 i++로 생각하면 된다 하나씩 늘어날때마다 +1 되는 리스트로 출력된다.
📌 여러 리스트 중첩으로도 가능하다.
🤘 돌머리도 ROCK이다! 🤘