还原ol list-style-type
时间: 2023-09-16 07:14:56 浏览: 96
如果你想将一个有序列表(ol)还原成默认的样式,可以在 CSS 中使用以下代码:
```css
ol {
list-style-type: decimal;
}
```
其中,`decimal` 表示数字形式的有序列表。如果你想还原为无序列表的样式,可以将 `list-style-type` 设置为 `disc`。
如果你只想针对某一个具体的有序列表,可以给这个列表添加一个类名或 ID,并在 CSS 中使用对应的选择器。例如:
```html
<ol class="my-list">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
```
```css
.my-list {
list-style-type: decimal;
}
```
相关问题
还原多层级ol list-style-type
如果你想要还原多层级的有序/无序列表的样式,可以使用以下 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,以便自定义样式。
阅读全文