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