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>標籤必須呈現爲佔用塊下拉項目的區域。由於您正在使用專門的工具來構建這些菜單，因此我猜測有一個配置設置（或類似），可以讓您設置它。