Zastosuj regułę CSS tylko do pierwszego <td> w BEZZWYCZAJNYM przypisaniu klasy/identyfikatora?

Question

już oglądany this, to nie jest to, czego potrzebuję tutaj ..

muszę coś podobnego

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

dla

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

Jeśli jest to niemożliwe, po prostu daj mi znać, a ja Będę smutny.

Javascript/jQuery jest akceptowalny, jeśli jest potrzebny do wykonania pracy.

Answer 1

Tak. Its możliwe:

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

Works w jQuery zbyt (http://api.jquery.com/first-child-selector/):

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

Answer 3

Nie 100% cross-browser, ale wsparcie jest wystarczająco dobre. Zobacz http://caniuse.com/#search=:first-child

table.mytable tr td:first-child 

Answer 4

Można użyć :first-of-type, ale to nie jest dostępne w starszych przeglądarkach: http://jsfiddle.net/R9qE3/.

Można również wybrać odpowiednie elementy za pośrednictwem jQuery (w celu obsługi wielu przeglądarek), ale konieczne jest zaktualizowanie stanu po dodaniu td s lub przeniesieniu ich.

Answer 5

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

Answer 6

Można użyć jQuery "n-ty dziecko" http://api.jquery.com/nth-child-selector/

Byłoby coś jak:

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