Html 如何按特定顺序排列列表中的元素

我的html代码元素3是定制的分隔符，可以在标题中的导航菜单栏上用徽标分割。页脚小部件中的同一菜单不应在该位置包含此元素

#菜单页脚菜单{
显示器：flex；
弯曲方向：立柱；
}
#菜单项-877 ul li：第一个孩子{
顺序：1；
}
#菜单项-139 ul li：第n个孩子（2）{
顺序：2；
}
li.菜单分隔符项：第n个孩子（3）ul li:n个孩子（3）{
顺序：6；
}
#菜单项-140 ul li:第n个孩子（4）{
顺序：3；
}
#菜单项-880 ul li:第n个孩子（5）{
顺序：4；
}
#菜单项-881 ul li:第n个孩子（6）{
顺序：5；
}

您的CSS不正确。请参阅下面的正确版本

#菜单页脚菜单{
显示器：flex；
弯曲方向：立柱；
}
#菜单页脚菜单li:n子菜单（1）{
顺序：1；
}
#菜单页脚菜单li:n子菜单（2）{
顺序：2；
}
#菜单页脚菜单li:n子菜单（3）{
顺序：6；
}
#菜单页脚菜单li:n子菜单（4）{
顺序：3；
}
#菜单页脚菜单li:n子菜单（5）{
顺序：4；
}
#菜单页脚菜单li:n子菜单（6）{
顺序：5；
}

以ul类别或id为目标？