Css 检查李是否有ul认证

我们有一个亚导航，有几个UL元素，其中有带UL元素的li

考虑以下几点：

<ul>
    <li> <a href="#">link level 1</a>

        <ul>
            <li> <a href="#">link level 2</a>

            </li>
            <li> <a href="#">link level 2</a>

                <ul>
                    <li> <a href="#">link level 3</a>

                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

这将在a不是最后一个元素的位置绘制图标。但是我们还需要在级别1后面有一个箭头，根据这个CSS，箭头是最后一个元素，所以箭头图标不会被画出来

---

如何解决此问题？

您需要将LESS更新为（请注意，我已更新字体和内容，因此不必导入字形字体）：

<>注意，“>”位于输出窗口的最右边。 请参见此处的工作示例：

---

请提供JSFIDLE。我不知道您的意思。请发布一个演示，展示您的问题。检查@alirezasafian，此处提供的代码是必需的。请不要让用户认为需要提供指向外部服务的链接。您可以自己复制和粘贴代码。更好的是，建议用户使用堆栈溢出提供的“代码片段”功能。这一点都不重要。堆栈溢出不依赖于外部站点。如果有人发布了一个问题，其中只有一个指向JSFIDLE（或任何其他外部站点）的链接，那么该问题将被关闭。这就是为什么他们添加了一个类似的预览功能，即堆栈溢出内部。我花了一段时间研究如何在JSFIDLE中使用更少的功能。仅供参考，请查看此“摆弄说明”：注意外部资源引用了less.min.js（这是说明中没有的部分！）@tijnsijders我看到您添加了一条注释并删除了它。这证实了该方法确实有效：

ul {
    padding:20px 0 0 0;
    ul {
        padding: 0;
        margin-left: 13px;
        & > li {
            list-style-type: none;
            & > a:not(:last-child):after {
                margin-top:3px;
                content:"\E259";
                font-family:'Glyphicons Halflings';
                text-align:right;
                font-size: 10px;
                float:right;
            }
        }
    }
}

ul {
    padding:20px 0 0 0;
    & > li {
            list-style-type: none;
            & > a:not(:last-child):after {
                margin-top:3px;
                content:">";
                font-family:'arial';
                text-align:right;
                font-size: 10px;
                float:right;
            }
        }
    ul {
        padding: 0;
        margin-left: 13px;
    }
}