Html 用自定义符号替换列表项目符号（右对齐）

我需要建立一个菜单（悬停）将“弹出”一个子菜单，有一个说明和2级子菜单列表。实际上，出于测试目的，我没有隐藏子菜单

我的测试代码：

.menu-l1>li{
显示：内联块；
填充：0 20px；
}
.详情{
位置：绝对位置；
背景：黄色；
边缘顶部：1米；
保险商实验室{
方向：rtl；
左边距：0；
李{
文本对齐：居中；
&：第n个孩子（奇数）{
背景：浅蓝色；
}
&：第n个孩子（偶数）{
背景：浅绿色；
}
}
}
}

标题






2头

此处仅更改：

ul {
    padding:0;
    list-style:none;
    li {
        a {
            display: block;
            padding:0 1em 0 0;
            position: relative;
            &:after {
                content:">";
                position: absolute;
                right:0;
            }
        }
    }

---

你不需要rtl。您可以使用：before或：after伪元素并为其设置任何字符或背景图像。最好使用

display:block

使链接变大，并将伪元素相对于它定位。

这正是我要找的。谢谢！