To powinno być bardzo proste, ale nie mogę tego rozgryźć.
Mam taki stół:
<table class="category_table">
<tr><td> blabla 1</td><td> blabla 2 </td></tr>
<tr><td> blabla 3 </td><td> blabla 4 </td></tr>
</table>
Chcę, aby td
tagi pierwszego tr
rzędu miały vertical-align
. Ale nie w drugim rzędzie.
.category_table td{
vertical-align:top;
}
html
css
css-selectors
html-table
xperator
źródło
źródło
Odpowiedzi:
Użyj,
tr:first-child
aby wziąć pierwszytr
:.category_table tr:first-child td { vertical-align: top; }
Jeśli masz zagnieżdżone tabele i nie chcesz stosować stylów do wewnętrznych wierszy, dodaj kilka selektorów podrzędnych, aby style były pobierane tylko z najwyższego poziomu
td
w pierwszym najwyższym poziomietr
:.category_table > tbody > tr:first-child > td { vertical-align: top; }
źródło
td
tagi pierwszego i drugiego wiersza w FireBug, widzę, że pierwszy wiersz odziedziczył styl, ale drugi wiersz nie. Nie wiem, dlaczego drugi rząd jest wyrównany w pionie !?td
tagów drugiego rzędu mam tam tabelę. Wygląda na to, że tabela w komórkach drugiego wiersza odziedziczyła styl.To powinno wystarczyć:
.category_table tr:first-child td { vertical-align: top; }
źródło
Poniżej działa dla pierwszej
tr
z tabeli poniżejthead
table thead tr:first-child { background: #f2f2f2; }
I to działa po raz pierwszy
tr
odthead
itbody
oba:table thead tbody tr:first-child { background: #f2f2f2; }
źródło