使用 jQuery Mobile 更改备用菜单的背景和字体颜色

Question

>我有一个用jQuery Mobile制作的应用程序，它有一个菜单项的列表视图。 我想交替菜单项的背景颜色，并可能同时更改字体颜色。

我已经看到了使用jQuery执行此操作的建议，但我认为它不起作用，因为我正在使用jQuery Mobile并且它大量修改了DOM。 菜单采用以下格式，在我的代码中是一个列表视图：

    <ul data-role="listview" data-inset="true">
        <li> <a href="#about">About 4 Verses</a></li>
        <li> <a href="#subjects">Subjects</a></li>
        <li> <a href= "#promises">God Promises</a></li>
        <li> <a href= "#prayerHelp">Prayer Help</a></li>
        <li> <a href= "#living">Living a Christian Life</a></li>
        <li> <a href= "#information">Information</a></li>
    </ul>

Answer 1

使用此

CSS进行测试（支持背景和字体颜色）。

li:nth-child(odd) { 
    background: black; 
}
li > a { color: black }
li:nth-child(odd) > a {
    color:white;
} 

http://jsfiddle.net/kz0m5we6/