Arkadaşlar merhaba, Söyle bir listem var:

<li data-role="list-divider">Ücretlendirme</li>
<li>
<div class="ui-grid-a">
<div class="ui-block-a">Fiyat</div>
<div class="ui-block-b">2,000 YTL</div>
</div>
</li>

Css olarak jdm css kullanıyorum, ui-block-a ve b, aynı sekılde ui-grid-a olanlar cssye göre sekıl alıyor ama bir turlu <li data-role="list-divider"></li> kısmını css ile değiştiremedim/editleyemedim. Kullandıgım cssler burda: http://jquerymobile.com/download/

Kısacası sorum su data-role="list-divider" olan bir <li>'yi css ile nasıl duzenleyebilirim?

.ui-li-divider { } ve .ui-list-divider { } denedim olmadı. Yardım edebilecek varsa teşekkür ediyorum.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 13:17:22 -->-> Daha önceki mesaj 12:50:23 --

Sorunu cozdum:

<li data-role="page">Başlık</li> şeklinde bir listeniz var ise, cssde kullandıgımız #page yada .page işe yaramıyor html5te, onun yerine aşağıdaki gibi müdehale edebilirsiniz:

[data-role="page"] {
  /* Stil kodlamaları buraya gelecek örnek: */
  float: left;
  border-bottom: 1px solid black ;
}

gibi.... öenmli olan cssde tanımlamayı [data-role="page"] şeklinde yapmanız.