如何使用css和html命令产生看起来像1.1,1.2,1.3(而不仅仅是1,2,3)的结果的列表?
到目前为止输出为,
对于以下代码,
HTML:
- Lorem ipsum.
- Excepteur sint occaecat cupidatat non proident:
- sunt in culpa qui officia,
- deserunt mollit anim id est laborum.
- Ut enim ad minim veniam.
- Quis nostrud exercitation.
- Ullamco laboris nisi ut.
Duis aute irure dolor
CSS:
ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
}
li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
}
li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;
}
li li {
margin: 0;
}
li li:before {
content: counters(item, ".") " ";
}
但我需要得到结果,