css - 通过定义新的 CSS 规则来改变有序列表的外观

Question

假设从数据库中检索到这样一个最小片段，

<ol>
    <li>Moview</li>
    <li>Music</li>
    <li>Drama</li>
</ol>

它显示为

1. 电影
2. 音乐
3. 戏剧

我需要停用 linenums 和 padding，如下所示：

电影
音乐
剧情

既然源数据不可访问，是否可以通过在ol上定义新的css规则来实现呢？

标签： css

Answer 1

只需将list-style-type属性设置为: none;您的有序列表并添加padding:0;以删除缩进。

ol.style {
    list-style-type: none;
    padding:0;}

<ol class="style">
    <li>Moview</li>
    <li>Music</li>
    <li>Drama</li>
</ol>