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>
效果:
- 无序列表 (应该是点点点)
- 有序列表 (应该是数值)