Css 如何在kendoui中为两个不同的列表视图设置两种不同的颜色，

我使用的样式是.css文件。在我的视图页面中，我有两个列表视图，我希望其中两个列表视图有两种不同的颜色。我如何在剑道ui中做到这一点

问候,

---

Sri

通过listview

id为CSS定义添加前缀，区分两者

给定ListView的HTML：

<div id="ListView1"></div>
<div id="ListView2"></div>

我有两个列表视图，它们的id分别为Listview1和Listview2，然后是css#Listview1.k-listview.k-state-selected{background color:red}#Listview2.k-listview.k-state-selected{background color:blue}我需要做的是看增加的例子。。。基本上删除定义中的
-color
。您需要将其设置为
背景
，即使您只定义了
颜色
，因为还有一个
背景图像
定义需要删除。
$("#ListView1").kendoListView({
    dataSource: sharedDataSource,
    selectable: true,
    template: "<li>${title} ${year}</li>"
});
$("#ListView2").kendoListView({
    dataSource: sharedDataSource,
    selectable: true,
    template: "<li>${title} ${year}</li>"
});

#ListView1 .k-state-selected {
    background: red;
}
#ListView2 .k-state-selected {
    background: blue;
}