데모 : https://jsfiddle.net/jacobgoh101/uqrkaodc/3/
<ol>
<li>a</li>
</ol>
<ul>
<li>b</li>
</ul>
<ol>
<li>c</li>
<li>d</li>
<li>e</li>
</ol>
ol li {
counter-increment: list-0;
list-style: none;
}
ol li:before {
content: counter(list-0, decimal) '. ';
}
현재 결과
1 a
• b
1 c
2 d
3 e
아래에이 결과를 달성하는 방법이 있습니까?
의도 한 결과
1 a
• b
2 c
3 d
4 e
(컨텍스트 : QuillJS에서 중첩 된 목록을 사용하려고합니다. https://github.com/quilljs/quill/issues/979 )
최신 정보:
때문에 QuillJS 라이브러리의 제한으로, 나는 추가 정말 수없는 오전 start="2"
받는 사람 ol
또는 HTML 구조를 변경합니다.
가능하다면 순수한 CSS 솔루션이 필요하다고 생각합니다.
ol {
list-style-type: none;
/* Remove default numbering */
}
ol > li:before {
counter-increment: mycounter;
content: counter(mycounter) ". ";
}
ol:first-of-type {
counter-reset: mycounter;
}
<ol>
<li>a</li>
</ol>
<ul>
<li>b</li>
</ul>
<ol>
<li>c</li>
<li>d</li>
<li>e</li>
</ol>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다