GWT

içinde UiBinder ile nth-child CSS seçiciyi kullanma Web uygulamamda, diğer her satırın farklı bir arka planla renklendirildiği bir tablonun olmasını istiyorum. Ben GWT kullanıyorum ve bu yüzden benim UiBinder dosyasında böyle bazı stil bilgisi: GWT

<ui:style> 
    .productlist { 
    cursor: pointer; 
    width: 50em; 
    padding: 10px 10px 0px 10px; 
    } 

    .productlist tr:nth-child(even) { 
    background-color: silver; 
    } 
</ui:style>

Ben tarayıcısında çalışan olarak bu doğru CSS olduğuna inanıyoruz. Bununla birlikte, uygulamayı dev modunda çalıştırırken, CSS'nin yorumlanamayacağını söyleyen bir çökme olur. "5" ile "bile" değiştirirseniz Uibinder'in <IDENT> olmasını beklediğini belirten bir hata alıyorum.

Daha önce bir çocuk CSS seçicisini GWT ile kim kullandı?

kaynak

2010-12-02 Dusty Campbell

n'inci çocuk CSS 3. parçasıdır IE 8 ve üzeri mevcut değil. Bkz. [Bu genel bakış] (http://reference.sitepoint.com/css/pseudoclass-nthchild). GWT de IE ile uyumlu olmaya çalışır, bu yüzden beklenmedik değil, bu işe yaramaz. Yine de güzel olurdu, bir geçici çözüm varsa ([literal function] (http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Literal_function) burada çalışacağını düşünmüyorum.) –

In z00bs'de listelenen sorun 'bir çözüm var ama işe yaramıyor. Sanırım gerçek bir çözüm, stili diğer tüm satırlara programsal olarak eklemektir. –

Bu bir known issue numaralı.

Fakirlere GWT CSS ayrıştırıcı kafa karıştırıcı önlemek için parantez kaçan bu sorunu gidermek çalışabilirsiniz:

.productlist tr:nth-child\(even\) { 
    background-color: silver; 
}

kaynak

2010-12-03 10:17:46 z00bs

OMG Delirdiğimi düşündüm, teşekkürler! – Manu

cevap

İlgili konular