Javascript CSS没有'；t影响Phonegap上动态创建的列表

与我的问题类似的是 及

但是，仍然没有整理出任何解决方案。。 我在

中有一个无序列表

，其中的每个元素都是在对数据库执行查询后添加的。因此，根据结果，我创建了相应的

标记

另一个问题是，尽管我有一些css将

与“奇数”和“偶数”分开，以便我可以应用一些不同的样式，并且我已经确认，“奇数”和“偶数”的attibute已经作为属性（类名）传递给

，但仍然没有应用相应的css规则

下面是我的一些代码。首先是html部分

<div id="sqldiv">
   <ul class="test" id="attempt">
    </ul>
</div>    

---

li样式确实适用，但在花了24小时搜索后，按类（li.odd）的样式不适用。。我尝试了一些我没有想到的东西

在javascript中，我将类命名为偶数和奇数。在css中，我有.偶数和.奇数规则。这在另一个项目中非常有效

但是，出于某种原因，在本例中似乎存在一个“区分大小写”的问题..自从我将css规则更改为.偶数和.Odd之后，它们被成功应用

---

在此之前，我还尝试过使用jquery分配动态css规则。经过一些尝试，我最终得到了区分大小写的规则。

您能给出一个代码示例吗，即列表是什么样子以及如何更新它吗？使用第n个子选择器来进行斑马线分条要高效得多：

li:n个子（偶数）{背景：#CCC}

我已经编辑了我的第一篇博文。使用了一些代码。我建议使用jQuery添加类名等。你没有浏览器特定的问题等。你可以更具体一些吗？你会做些什么更改。？？我已经确认，类名确实适用于每个列表元素。只是css不适用于它。可能是因为加载时出现一些差异。。！？？！

        for (var i=0; i<len; i++){
        var somevariable =  results.rows.item(i).dbvariable;
                if (i%2==0)
                lt='Even';
                else
                lt='Odd';
                var newLI = document.createElement("LI"); 
                newLI.className = lt;
                var htmlcontainer = ("<div>my text :" + my variables + "</div><div>my text :</div><div>" my variables + "</div>");
                newLI.innerHTML = htmlcontainer ;
                var gl = document.getElementById("attempt"); 
                gl.appendChild(newLI);
            }

li {
background: #8258FA;
list-style-type:none;
list-style-image:none;
margin: 5px 5px;
border-radius: 15px;
}
li.odd  {
border-bottom :1px dotted #ccc;
list-style-type:none;
list-style-image:none;
margin: 5px 5px;
background: #000000;
}