还原多层级ol list-style-type
时间: 2023-09-16 10:14:59 浏览: 71
margin 负值引起的层级(z-index)问题
如果你想要还原多层级的有序/无序列表的样式,可以使用以下 CSS 代码:
```css
ol, ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
li {
margin: 0;
padding: 0;
}
ol li:before {
content: counter(ol-counter) ". ";
counter-increment: ol-counter;
}
ul li:before {
content: "•";
margin-right: 5px;
}
```
这段代码会将所有有序和无序列表的样式还原,并且为每个有序列表项添加数字前缀,为每个无序列表项添加圆点前缀。同时,它还会将列表项的默认外边距和内边距都设置为 0,以便自定义样式。
阅读全文