以下代碼片段在Edge和Firefox中會產生不同的結果:
dd {
display: list-item;
list-style-position: inside;
list-style-type: decimal;
counter-increment: 1;
}
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<dl>
<dt>Title</dt>
<dd>One</dd>
<dd>Two</dd>
<dd>Three</dd>
</dl>
看起來火狐對的LI和DL中的DD使用了相同的計數器——但是沒有在DL元素級別重置它。
嘗試添加dl { counter-reset:list-item;}