只有一個Li元素的圓角？

Question

我正嘗試在導航菜單上創建一個圓形（右下角）。 我有一個標識爲「main-nav」的UL ID，我創建了一個標記爲「round」的鋰類。 我將這個li類添加到音樂鏈接以獲得圓角，但沒有發生任何事情。

這裏是一個小提琴// http://jsfiddle.net/2qRLU/3/

Answer 1

你寫.round li這將嘗試目標嵌套在與「圓圓」類的元素列表項。

您需要編寫li.round該對象的目標是具有「round」類的列表項。

注意，空格是很重要的，這將是錯誤寫li .round，因爲這將針對所有具有「圓」級列表項的孩子。

http://jsfiddle.net/2qRLU/4/

---

如果你想要的風格角落分別可以用更具體的版本：

border-top-left-radius:5px; 
border-top-right-radius:10px; 
border-bottom-left-radius:15px; 
border-bottom-right-radius:20px; 

我稱呼他們都在這裏展現不同的類型，但在實踐中你可能只是想樣式一個角落裏，所以這裏是你的小提琴的版本只有右下角彎曲：http://jsfiddle.net/2qRLU/6/

---

此外，作爲一個側面說明，除非你需要支持舊版本的瀏覽器，它是足夠安全的，只寫邊界半徑沒有所有的供應商前綴。瀏覽器現在不需要邊界半徑的供應商前綴。

你可以在這裏測試它沒有前綴您的瀏覽器：http://jsfiddle.net/2qRLU/5/