पहली पंक्ति

Question

की कोशिकाओं पर शैली लागू करें यह बहुत आसान होना चाहिए लेकिन मैं इसे समझ नहीं सकता।

मैं एक मेज इस तरह है:

<table class="category_table"> 
<tr><td> blabla 1</td><td> blabla 2 </td></tr> 
<tr><td> blabla 3 </td><td> blabla 4 </td></tr> 
</table> 

मैं बनाने के लिए पहले tr पंक्ति के td टैग vertical-align है चाहता हूँ। लेकिन दूसरी पंक्ति नहीं।

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

उपयोग tr:first-child पहले tr लेने के लिए:

.category_table tr:first-child td { 
    vertical-align: top; 
} 

आप टेबल नेस्ट किया है, और आप भीतरी पंक्तियों को शैलियाँ लागू नहीं करना चाहते हैं, कुछ बच्चे चयनकर्ताओं इसलिए केवल शीर्ष जोड़ने पहली उच्च-स्तरीय tr में स्तर के td रों शैलियों मिलती है:

.category_table > tbody > tr:first-child > td { 
    vertical-align: top; 
} 

Answer 2

यह काम करना चाहिए:

.category_table tr:first-child td { 
    vertical-align: top; 
} 

Answer 3

पहले tr तालिका के लिए काम करता है नीचे thead

table thead tr:first-child { 
    background: #f2f2f2; 
} 

तहत

और यह thead के पहले tr और tbody दोनों के लिए काम करता है:

table thead tbody tr:first-child { 
    background: #f2f2f2; 
}