Html 从有序列表中排除无序列表项计数

我正在尝试在我的有序列表中设置无序列表旁边的数字的样式

然而，出于某种原因，A1、A2和B1项似乎都包含在计数器中

需要做什么才能使列表A和B的标题具有该计数器

.ordered{
列表样式类型：无；
保证金：0；
左边距：3em；
填充：0；
计数器复位：li计数器；
}
.李命令道{
位置：相对位置；
边缘底部：20px；
左侧填充：0.5em；
最小高度：3em；
颜色：#fff；
字号：1.5em；
线高：1.5；
左边框：2倍实心#fff；
}
李：以前{
位置：绝对位置；
排名：0；
左：-01em；
宽度：0.8em；
字号：2.5em；
线高：1；
字体大小：粗体；
文本对齐：右对齐；
颜色：#fff；
内容：柜台（李柜）；
计数器增量：li计数器；
}
/*无序列表*/
.无序的{
列表样式类型：disc；
}
李先生{
字号：1.5em；
线高：1.5；
左边距：15px；
右边距：10px；
边缘底部：30px；
颜色：#fff；
}
*{背景色：黑色；}

列举



项目A1
项目A2


名单B



项目B1

而不是这个：

.ordered li::before { ... }

这样做：

.ordered > li::before { ... }

在代码中，您使用子代组合符（选择器之间的空间）将所有

li

元素作为目标。根据其名称，它以所有子代为目标

相反，使用子组合符（

），它只针对子对象