¿Aplicar la regla CSS solo al primer <td> en <tr> sin asignar una clase/ID?

Question

que ya ha examinado en this, no es lo que necesito aquí ..

necesito algo así como

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

para

<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> 

Si esto es imposible, házmelo saber y yo' Estaré triste.

Javascript/jQuery es aceptable si es necesario para hacer el trabajo.

Answer 1

Sí. Está posible:

uso en su 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

Obras en jQuery también (http://api.jquery.com/first-child-selector/):

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

Answer 3

No es 100% multi-navegador, pero el soporte es lo suficientemente bueno. Ve http://caniuse.com/#search=:first-child

table.mytable tr td:first-child 

Answer 4

Puede utilizar :first-of-type, pero no es disponible en los navegadores antiguos: http://jsfiddle.net/R9qE3/.

También puede elegir los elementos correctos a través de jQuery (para compatibilidad con varios navegadores), pero deberá actualizar el estado cuando agregue td o los mueva.

Answer 5

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

Answer 6

Usted podría utilizar jQuery "niño enésimo" http://api.jquery.com/nth-child-selector/

Sería algo así como:

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