2010-12-02 13 views
16

में यूआईबिंडर के साथ एनएच-चाइल्ड सीएसएस चयनकर्ता का उपयोग करना मेरे वेब ऐप में, मैं एक टेबल रखना चाहता हूं जहां हर दूसरी पंक्ति एक अलग पृष्ठभूमि के साथ रंगीन हो। मैं GWT उपयोग कर रहा हूँ और इसलिए मेरे UiBinder फ़ाइल में मैं इस तरह कुछ शैली जानकारी है:जीडब्ल्यूटी

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

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

मेरा मानना ​​है कि यह सही सीएसएस है, क्योंकि यह ब्राउज़र में काम करता है। हालांकि, जब देव मोड में ऐप चलाते हैं, तो मुझे एक क्रैश मिलता है कि सीएसएस का व्याख्या नहीं किया जा सकता है। अगर मैं "5" के साथ "यहां तक ​​कि" को प्रतिस्थापित करता हूं, तो मुझे यह कहते हुए एक त्रुटि मिलती है कि Uibinder <IDENT> अपेक्षित है।

क्या किसी ने पहले जीडब्ल्यूटी के साथ एनएच-चाइल्ड सीएसएस चयनकर्ता का उपयोग किया है?

+0

एन-वें बच्चे सीएसएस 3. का हिस्सा है यह आईई 8 वर्ष और उससे में उपलब्ध नहीं है। [यह अवलोकन] देखें (http://reference.sitepoint.com/css/pseudoclass-nthchild)। जीडब्ल्यूटी आईई के साथ भी संगत होने की कोशिश करता है, इसलिए यह अप्रत्याशित नहीं है, यह काम नहीं करता है। हालांकि अच्छा होगा, अगर कोई कामकाज है (मुझे नहीं लगता कि [शाब्दिक कार्य] (http://code.google.com/webtoolkit/doc/latest/DevGuideClientBundle.html#Literal_function) यहां काम करेगा।) –

+0

इन z00bs के उत्तर में सूचीबद्ध समस्या एक कामकाज है लेकिन यह काम नहीं करता है। मुझे लगता है कि असली कामकाज शैली को हर दूसरे पंक्ति में प्रोग्राम जोड़ना है। –

उत्तर

27

यह known issue है।

आप इस समस्या को हल कोष्टक भागने गरीब GWT सीएसएस पार्सर भ्रमित से बचने के लिए काम कर सकते हैं:

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

ओएमजी मैंने सोचा कि मैं पागल हो रहा था, धन्यवाद! – Manu