Javascript Css彩色Jquery用户界面

我正在尝试使用CSS更改某些可排序的jQuery UI的颜色： 检查这把小提琴：

当我设置.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;
} 

---

要更改每个列表中框（.default）的背景色，需要如下所示

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

---

这里的示例

您需要将颜色应用于

LI

元素。由于您已向它们添加了

默认
类，因此可以使用该类：

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

你是说喜欢吗？@chriz是的，谢谢！我有三个有效的例子！美好的如果其他答案对你有效，请确保你接受其中一个。