CSS有序列表无需列表嵌套冲突问题测试实例页面

代码:

CSS代码:
ol li {
  /*给ol下面的li标签以数值*/
  list-style: decimal outside;	
}
ul li {
  /*给ul下面的li标签以圆点标记*/
  list-style: disc outside;
}
                
HTML代码:
<ul>
    <li>无序列表 (应该是点点点)
        <ol>
            <li>有序列表 (应该是数值)</li>
        </ol>
    </li>
</ul>
                

效果:

  • 无序列表 (应该是点点点)
    1. 有序列表 (应该是数值)