CSS顏色jQuery UI的

Question

我試圖改變一些jQuery用戶界面的顏色排序使用CSS： 檢查此琴：

http://jsfiddle.net/fwcLd8mg/2/

當我設置了.DEFAULT後臺所有的箱子打開到顏色。 但是，當我在每個列表中指定背景時，列表的背景會發生變化，而不是框。

如何指定箱子的顏色？

CSS：

#sortable-5 { 
background: #ff0000; 
} 
#sortable-6 { 
background: #00b8ff; 
} 
#sortable-7{ 
background: #000000; 
} 
#sortable-5, #sortable-6,#sortable-7 { 
list-style-type: none; margin: 0; padding: 0; 
width: 20%;float:left 
} 
#sortable-5 li, #sortable-6 li,#sortable-7 li { 
margin: 0 3px 3px 3px; padding: 0.4em; 
padding-left: 1.5em; font-size: 17px; height: 50px; 
} 
.default { 
background: #b2f5fb; 
border: 1px solid #DDDDDD; 
color: #333333; 
} 

Answer 1

要更改每個列表框（.DEFAULT）的背景顏色，你需要使它像這樣

#sortable-5 .default{ 
    background: #ff0000; 
} 

例這裏http://jsfiddle.net/fwcLd8mg/6/

Answer 2

您需要將顏色應用於LI元素。既然你已經添加了一個default類給他們，你可以使用：

#sortable-5>.default { 
    background: #ff0000; 
} 
#sortable-6>.default { 
    background: #00b8ff; 
} 
#sortable-7>.default{ 
    background: #000000; 
} 

Updated fiddle