Applicare la regola CSS solo al primo <td> in <tr> SENZA assegnare una classe/id?

Question

Ho già visualizzato this, non è quello che mi serve qui ..

ho bisogno di qualcosa come

table.mytable tr first-td's { border: 1px solid black; } 

per

<table class="mytable"> 
<tr> 
<td>This has the border</td> 
<td>no border</td> 
<td>no border</td> 
</tr> 
<tr> 
<td>This has the border</td> 
<td>no border</td> 
<td>no border</td> 
</tr> 
<tr> 
<td>This has the border</td> 
<td>no border</td> 
<td>no border</td> 
</tr> 
</table> 

Se questo è impossibile fammelo sapere e io' Sarò triste.

Javascript/jQuery è accettabile se è necessario per completare il lavoro.

Answer 1

Sì. E'possibile:

utilizzare per le CSS

.mytable tr td:first-child { border: 1px solid black; }​ 

Try Here

Answer 2

table.mytable tr td:first-child { border: 1px solid black; } 

https://developer.mozilla.org/en-US/docs/CSS/:first-child

Lavori in jQuery troppo (http://api.jquery.com/first-child-selector/):

$('table.mytable tr td:first-child') 

Answer 3

non al 100% cross-browser, ma il supporto è abbastanza buono. Vedere http://caniuse.com/#search=:first-child

table.mytable tr td:first-child 

Answer 4

È possibile utilizzare :first-of-type, ma non è disponibile su browser più vecchi: http://jsfiddle.net/R9qE3/.

È anche possibile selezionare gli elementi giusti tramite jQuery (per il supporto cross-browser), ma è necessario aggiornare lo stato quando si aggiungono td se spostati.

Answer 5

table.mytable tr:first-child { 
    border: 1px solid black; 
} 

Answer 6

Si potrebbe utilizzare jQuery "n-esimo figlio" http://api.jquery.com/nth-child-selector/

Sarebbe qualcosa di simile:

$("table.mytable tr::nth-child(1)") //do w/e you need to do here.