आईई 8 दो चयनकर्ताओं का उपयोग करते समय टूटता है?

Question

मैं सीएसएस का उपयोग कर एक मेज स्टाइल रहा हूँ और मैंने महसूस किया कि IE8 :nth-child

का समर्थन नहीं करता तो इससे पहले कि मैं IE8 के लिए समर्थन जोड़ा, सीएसएस तो

.my-comments table.comments-list tr td:nth-child(1){width:18%;} 

की तरह दिखाई देता तो मैं की तरह एक और चयनकर्ता जोड़ा इसलिए

.my-comments table.comments-list tr td:nth-child(1), .my-comments table.comments-list tr .datecol{width:18%;} 

IE8 यह पसंद नहीं है, यह अभ्यस्त 2 चयनकर्ता पहचान लेकिन अगर मैं नीचे की तरह पहले एक बाहर ले तो यह

काम करता है

.my-comments table.comments-list tr .datecol{width:18%;} 

कोई विचार यह कैसे ठीक करें?

जाहिर है मैं सिर्फ ऊपर कोड इस्तेमाल कर सकते हैं, लेकिन मैं भविष्य ब्राउज़रों

Answer 1

मैं शैली को अलग से (कॉमा के बिना) बनाने की कोशिश करता हूं। आईई 8 शायद एनएच बच्चे को पहचान नहीं रहा है और घोषणा छोड़ रहा है।

Answer 2

मुझे लगता है कि मैं कुछ यहाँ याद कर रहा हूँ के लिए दोनों चयनकर्ताओं में छोड़ना चाहते हैं। क्या आप उन्हें सिर्फ 2 अलग-अलग लाइनों में अलग नहीं कर सकते?

.my-comments table.comments-list tr td:nth-child(1){width:18%;} 
.my-comments table.comments-list tr .datecol{width:18%;} 

Answer 3

आप अभी भी (बाहर .datecol वर्ग को जोड़ने के लिए होने के साथ) IE8 में काम करने के लिए आप निम्न करने के लिए अपने सीएसएस बदल सकता है आपकी nth-child(1) शैली करना चाहते हैं: उपरोक्त कोड

.my-comments table.comments-list tr td:first-child + td { 
    width:18%; 
} 

दूसरा td को लक्षित करेगी - जो मुझे विश्वास है कि आप nth-child(1) के साथ करना चाहते हैं और ब्राउज़र की विस्तृत श्रृंखला में समर्थन करते हैं।