向列表项添加箭头 [关闭]答案

【问题标题】：Adding an arrow to a list-item [closed]向列表项添加箭头 [关闭]
【发布时间】：2013-09-07 21:30:13
【问题描述】：

我想为我的子菜单添加一个右箭头（类似于 ddsmoothmenu）：

我的子菜单有一个类sub-menu。

这是我的代码

<div id="centeredmenu">
<ul>
<li><a href='#'>Cat1</a></li>
<li><a href='#'>Cat2</a></li>
<li><a href='#'>Cat3</a>
    <ul class='sub-menu'>
       <li><a href="#">Sub Category</a></li>
       <li><a href="#">Sub Category</a></li>
    </ul>
</li>
</ul>
</div>

如何在“Cat3”之外添加箭头？

【问题讨论】：

箭头是什么意思？像这样→？并检查你的语法:)
一个指向底部的箭头，语法错误在哪里？

标签： jquery css

【解决方案1】：

该箭头基本上是一个图像，它通过no-repeat 和right 0 属性为那些需要它的<li>s 设置为背景

例如

标记

<ul>
   <li class="arrow"></li>
   <li></li>
</ul>

CSS

li.class{
   background:#000000 url(/path/to/arrow.jpg) no-repeat right 0;
}

现在仅对第一个元素可见箭头

【讨论】：

【解决方案2】：

您可以应用 css 来选择您的 li，如下所示，

#centeredmenu > ul li{
   background:url(../img/arrow.png) right center;
}

评论回复

Fiddle Demo

【讨论】：

这仅适用于sub-menus 吗？
@XeBii 不，它将适用于 cat1 cat2 和 cat3
@XeBii 查看已编辑的答案我已根据您的评论编辑了代码
但我只想申请有子菜单的cat3
@XeBii 看到编辑的答案老兄