HTML/CSS表格選擇器First/Last/Not ECT

Question

是否可以組合選擇器標籤？

我想要做的是使第一個<td>裏面的第一個<tr>風格以某種方式我嘗試了幾種方法來嘗試和結合這些。授予我嘗試過的方法是錯誤的，如果它甚至有可能尋找點。

嘗試這樣：

tr:(:first-child:) td: 
{ 
    font-family:"Helvetica"; 
    font-size: 18px; 
    color: aqua; 
} 

tr:(:first-child: td:) 
{ 
    font-family:"Helvetica"; 
    font-size: 18px; 
    color: aqua; 
} 

預先感謝您。

Answer 1

非常簡單直接。像下面一樣應用它。

CSS

table tr:first-child td:first-child { 
    background:green; 
    color:#fff; 
} 

HTML

<table> 
    <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    </tr> 
    <tr> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    </tr> 
    <tr> 
    <td>7</td> 
    <td>8</td> 
    <td>9</td> 
    </tr> 
</table> 

DEMO

Answer 2

tr:first-child會得到第一行td:first-child將獲得第一個單元格。

所以tr:first-child td:first-child將得到第一行的第一個單元格。

tr:first-child td:first-child{ 
 
    font-family:"Helvetica"; 
 
    font-size: 18px; 
 
    color: aqua; 
 
    }

<table style="width:100%"> 
 
    <tr> 
 
    <td>Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table>