2010-02-04 15 views
16

शायद मैं गलत पेड़ को भड़क रहा हूं। मेरे पास 6 कॉलम वाली एक टेबल है, प्रत्येक में ऑर्डर की गई सूची है। मैं चाहता हूं कि सभी को पहली सूची को छोड़कर सीमा हो।तालिका में पहली सूची का चयन करें - सीएसएस पहले बच्चे?

The site is in development here मूल रूप से हालांकि एचटीएमएल है

<tr> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
<td> 
    <ol> 
    <li>hello</li> 
    </ol> 
</td> 
</tr> 

मैंने सोचा था कि टीआर के पहले बच्चे की तरह काम करेगा तो tr:first-child ol {style}

उत्तर

24

:first-child चयनकर्ता सीएसएस 2 और IE6 पर समर्थित नहीं है। यदि आईई 6 महत्वपूर्ण है तो आपको पहले बच्चे को एक कक्षा देने की आवश्यकता होगी जिसे आप चुन सकते हैं। लेकिन सही सिंटैक्स है:

tr td:first-child ol { ... } 

जब आप ऐसा करेंगे:

tr:first-child ... 

आप वास्तव में <tr> तत्वों कि पहले बच्चे हैं का चयन कर रहे हैं।

tr :first-child ... 

पहले बच्चों की तालिका पंक्तियों को चुन रही है: इसके अलावा ध्यान दें कि।

+0

बहुत बढ़िया बहुत बहुत धन्यवाद, यह अब काम कर रहा है :) मैं इस साइट के लिए IE6 बारे में चिंता करने की जरूरत नहीं है, धन्यवाद फिर से – morktron

+1

टीआर 'से सावधान रहें (धन्यवाद आकाश!): पहली child' क्योंकि इस लक्ष्य कुछ भी जो 'tr' के भीतर पहला बच्चा है। यह अप्रत्याशित रूप से आपके मार्कअप में किसी भी छवियों, लिंक, स्पैन इत्यादि को लक्षित कर सकता है। आप लगभग निश्चित रूप से मतलब है: 'tr td: पहला बच्चा, tr वें: पहला बच्चा' जब आप इसे लिखते हैं। – adamnfish

+2

@adamnfish: या बस 'tr>: first-child', क्योंकि नेस्टेड टेबल में आपका चयनकर्ता सभी नेस्टेड 'td' और' th' का चयन करेगा जो पहले बच्चे भी हैं ... – BoltClock

3

यह काफी काम नहीं करता है, tr:first-child oltr का चयन करता है जो उसके मूल तत्व का पहला बच्चा है। आपको इसके बजाय td पर first-child छद्मोक्लस का उपयोग करना होगा।

संबंधित मुद्दे