Question

当我转移到新的jquery 1.4时，我无法再更改listitem的背景颜色

我想为奇数列表项提供一些不同的颜色。

Answer 1

这是 DEMO

此CSS规则会查找所有未包含类LI的奇怪ui-li-divider标记及其中包含的所有anchor标记，并更改background-color。这会处理带有链接或没有链接的列表。然而，分频器搞乱了奇数偶数，所以在这种情况下这不是一个很好的解决方案（见小提琴中的第三个ul）。

li:nth-child(odd):not(.ui-li-divider), li:nth-child(odd):not(.ui-li-divider) a {
    background: #777 !important;
    text-shadow: none;
}
li:nth-child(odd):not(.ui-li-divider) a:hover {
    background: #999 !important;
    text-shadow: none;
}

第二条规则允许您对奇数LI anchor代码产生悬停效果。

Answer 2

这是您的解决方案

使用！important

.odd{
    background:red !important;
}
.even{
    background:black !important;
}

或者您应该从jquery.mobile-1.4.0.min.css

编辑和删除背景属性

.ui-body-a,.ui-page-theme-a .ui-body-inherit,html .ui-bar-a .ui-body-inherit,html .ui-body-a .ui-body-inherit,html body .ui-group-theme-a .ui-body-inherit,html .ui-panel-page-container-a{**background:#FFF;**border-color:#ddd;color:#333;text-shadow:0 1px 0 #f3f3f3}

小提琴http://jsfiddle.net/krunalp1993/r5Heb/3/

希望它有效：）

应用列表项背景颜色的jquery移动列表视图

2 个答案: