सीएसएस: पहला <tr><th> पर नियम लागू अगर वहाँ 2 <tr>

Question

यह संभव पहले <th> पहले <tr> के कम से नियम लागू है, अगर वहाँ 2 या <thead> में <tr> अधिक कर रहे हैं?

मैंने किया:

table tr:first-child th:first-child 

लेकिन अगर वहाँ केवल 1 <tr> ti वैसे भी लागू होते हैं।

Answer 1

तुम इतनी तरह :not() और :only-child चयनकर्ताओं के संयोजन का उपयोग कर सकते हैं:

tr:first-child:not(:only-child) th:first-child { 
    color:red; 
} 

कोड अपेक्षाकृत आत्म व्याख्यात्मक है, यह केवल पहले बच्चे को प्रभावित करेगा कि यह एक इकलौती संतान नहीं है।

DEMO

यह support हालांकि अपेक्षाकृत खराब है, तो आप एक javascript polyfill जरूरत है इसके लिए बनाने के लिए है, तो आप नीचे दिए गए IE8 या समर्थन करने के लिए आवश्यकता हो सकती है।

Answer 2

मुझे नहीं लगता कि यह सीएसएस class का उपयोग किए बिना संभव है। यदि आप गतिशील रूप से tr बना रहे हैं। मैं नीचे के रूप में करने के लिए सिफारिश करेंगे:

if(condition for rows > 2) { 
    <tr><th class="applyCSS"></th><th></th></tr> 
    <tr><th></th><th></th></tr> 
    ...... 
} 
else {  //only one tr 
    <tr><th></th><th></th></tr> 
} 

सीएसएस: केवल वाले बच्चे वें: करने के लिए पहली child`

applyCSS { .... }