将箭头添加到列表项

Question

我想为子菜单添加右箭头（类似于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”之外添加箭头？

Answer 1

该箭头基本上是一张图片，通过<li>和no-repeat属性

将right 0设置为背景

例如

MARK-UP

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

<强> CSS

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

现在只有第一个元素才能看到箭头

Answer 2

您可以为此选择css，如下所示

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

评论回复

Fiddle Demo