Jquery mobile JqueryMobile ListView中列表项之间的虚线

我正在使用jquery mobile listview，它工作得很好。在列表项之间的jquery列表中，我可以看到一些看起来像分隔符的空格。我想在列表项之间用虚线分隔它们，而不是用空格。我怎样才能做到这一点？谁能帮帮我吗。我希望我的问题是清楚的

大概是这样的：

List1
...........................
List2
...........................
List3
...........................

        .dotted-list li{
            border-style:dotted;
            border-color:#000;
        }
        .dotted-list li:first-of-type{
            border-style:solid ;
            border-color:#ff0000;
        }

        .dotted-list li:last-of-type{
            border-bottom-style:solid ;
            border-bottom-color:#ff0000;
        }

---

谢谢。

您可以使用以下内容：

List1
...........................
List2
...........................
List3
...........................

        .dotted-list li{
            border-style:dotted;
            border-color:#000;
        }
        .dotted-list li:first-of-type{
            border-style:solid ;
            border-color:#ff0000;
        }

        .dotted-list li:last-of-type{
            border-bottom-style:solid ;
            border-bottom-color:#ff0000;
        }

清单定义为：

      <ul data-role="listview" class="dotted-list">
        <li><a href="#">Test1</a></li>
        <li><a href="#">Test2</a></li>
        <li><a href="#">Test3</a></li>
        <li><a href="#">Test4</a></li>
        <li><a href="#">Test5</a></li>
      </ul>

---

这里有一个演示-

供您回复。它对我帮助很大。