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

Question

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

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

显示为     

        
1. Moview
        
2. 音乐
        
3. 戏剧
    

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

电影
音乐
戏剧

由于无法访问源数据，是否可以通过在ol上定义新的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>