CSS下拉菜单

Question

我正在学习样式下拉菜单，并有几个问题。

你可以在这里看到下拉菜单：http://jsfiddle.net/tomperkins/3M7Cb/

我的问题是：

1. 我怎样才能得到一个向下的箭头 出现在每个父项（当我 尝试了更换背景 属性）。

2. 我怎样才能得到整个儿童 区域可点击，而不是 只是文本本身？

一如既往，所有的帮助真的很感激。

由于提前，

汤姆·珀金斯

Answer 1

向下箭头，我的倾向是使用文本的对象，而不是图片：

ul li.top:after { 
content: "▼"; 
} 

使整个li点击：

ul li a { 
    display: block; 
    /* other stuff */ 
} 

JS Fiddle demo of both suggestions。

---

编辑调整的向下箭头的悬停风格：

ul li.top:after { 
    color: #000; 
    content: "▼"; 
    float: right; 
} 

ul:hover li.top:after { 
    color: #ccc; 
} 

JS Fiddle demo

Answer 2

问题2>您<a>标签必须呈现为占用块下拉项目的区域。由于您正在使用专门的工具来构建这些菜单，因此我猜测有一个配置设置（或类似），可以让您设置它。