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

Question

我有一个用 jQuery Mobile 制作的应用程序，它有一个菜单项的 ListView 。我想更改菜单项的背景颜色，并可能更改字体颜色。

我看到过使用 jQuery 执行此操作的建议，但我认为它行不通，因为我使用的是 jQuery Mobile，它会大量修改 DOM。菜单是这种格式，在我的代码中是一个 ListView :

    <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/