我們可以在CSS中添加一列tds而不添加任何類嗎？

Question

在這裏，我想添加背景顏色的列週日沒有添加CSS類。我們可以在不添加css類和內聯樣式的情況下實現它嗎？下面是一個示例Fiddle

/------------------ HTML ----------------/

<table> 
<tr> 
    <td>Sun</td> 
    <td>Mon</td> 
    <td>Tue</td> 
    <td>Wed</td> 
    <td>Thurs</td> 
    <td>Fri</td> 
    <td>Sat</td> 
</tr> 
    <tr> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    <td>5</td> 
    <td>6</td> 
    <td>7</td> 
</tr> 
     <tr> 
    <td>8</td> 
    <td>9</td> 
    <td>10</td> 
    <td>11</td> 
    <td>12</td> 
    <td>13</td> 
    <td>14</td> 
</tr> 

</table> 

/------------------ CSS ----------------/

table{ 
border:1px solid #ccc; 
border-collapse:collapse; 
padding:5px; 
} 
table td{ 
background:#f6f6f6; 
padding:3px; 
border:1px solid #ccc; 
} 

Answer 1

是的，你可以：

td:first-of-type將首先選擇td即所有行的第一個單元。

table tr td:first-of-type{//your code} 

Updated fiddle here.

Answer 2

是使用:first-child僞類。

table tr:first-child > td:first-child{ 
    background-color :red; 
} 

以上是針對較舊的瀏覽器。如Hiral所示，您也可以使用first-of-type。

Working Fiddle

Answer 3

http://jsfiddle.net/uQRA9/2/

當然可以。

例如：

table td:first-child { 
    background: red; 
} 

table td:nth-child(4) { 
    background: blue; 
} 

Answer 4

使用這樣

tr>td:nth-child(1){ 

     background-color:red; 
    } 

Answer 5

你可以風格的中心柱和下所有與此

table td:first-child{ 
    background-color :red; 
} 

demo

Answer 6

你Ç通過一個CSS管理，:nth-child(0)屬性提供選擇指定索引（0，...，n）的

table td:nth-child(0){ 
    background:#f6f6f6; 
    padding:3px; 
    border:1px solid #ccc; 
} 

和

table tr:nth-child(0){ 
     background:#f6f6f6; 
    } 

Answer 7

table tr:first-child td:first-child { 
    background:...; 
    ... 
}