Jak wybrać pierwszy i ostatni TD
z rzędu?
tr > td[0],
tr > td[-1] {
/* styles */
}
css
css-selectors
clarkk
źródło
źródło
tr > td
itr td
?>
wybiera tylko bezpośrednie dzieci. Bez niej wybrani zostaną wszyscy potomkowie (np. Dzieci dzieci). Aby wybrać drugie lub trzecie dziecko, spójrz nanth-child
pseudo-selektor.+
. coś takiego,tr td + td + .... +td
ale co, jeśli nie wiem, ile mam td?Możesz użyć następującego fragmentu kodu:
Korzystanie z następujących pseudoklas:
: pierwsze dziecko oznacza „wybierz ten element, jeśli jest pierwszym dzieckiem swojego rodzica”.
: last-child oznacza "wybierz ten element, jeśli jest ostatnim dzieckiem swojego rodzica".
Dotyczy to tylko węzłów elementów (znaczników HTML), te pseudoklasy ignorują węzły tekstowe.
źródło
Możesz użyć : first-child i : last-child
pseudo-selectors
:Lub możesz użyć innego sposobu, na przykład
Obie drogi działają doskonale
źródło
Jeśli używasz sass (scss), możesz użyć następującego fragmentu:
źródło
Jeśli wiersz zawiera pewne wiodące (lub końcowe)
th
znaczniki zanimtd
należy użyć:first-of-type
, a:last-of-type
selektorów. W przeciwnym razie pierwszytd
nie zostanie wybrany, jeśli nie jest pierwszym elementem wiersza.To daje:
źródło