网页设计，在自定义无序列表中嵌套有序列表，为什么有序列表的序号被自定义无序列表覆盖了呢？
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>素材排版</title> <style> ol{ width: 240px; list-style-position:outside; list-style-type: lower-roman!important; } ol li{ background-color: orange; } ul +ul{ width: 290px; list-style-position: inside; list-style-image:url(img/html5.jpg); margin:20px 0px 0px 40px; background-color: darkgrey; } ol +ul{ width: 200px; list-style-position: inside; margin:0px 0px 0px 40px; background-color: orange; list-style-type: square; } li{ margin: 0px; font-family: 华文彩云; font-size: 20px; color: fuchsia; line-height: 30px; vertical-align: middle; } </style> </head> <body > <ol> <li>有序列表1</li> <li>有序列表2</li> </ol> <ul > <li>无序列表1</li> <li>无序列表2</li> </ul> <ul > <li></li> <ol> <li>嵌套1</li> <li>嵌套2</li> <li>嵌套3</li> </ol> <li>项目符号1</li> <li>项目符号2</li> </ul> </body></html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无序列表嵌套</title>
<style>
ul{
list-style:none;
padding:0;
margin:0;
}
</style>
</head>
<body>
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4
<ol>
<li>有序列表1</li>
<li>有序列表2</li>
<li>有序列表3</li>
</ol>
</li>
<li>无序列表5</li>
</ul>
</body>
</html>
这样显示出来的列表都为嵌套 而且有相应的标
追问就是想实现在自定义无序列表下嵌套有序列表，有办法实现吗？
追答当然 都是一样的道理嘛，相应的css定义就ok了.