Wie können Sie den ersten und den letzten TD
in einer Reihe auswählen ?
tr > td[0],
tr > td[-1] {
/* styles */
}
css
css-selectors
Clarkk
quelle
quelle
tr > td
undtr td
?>
nur direkte Kinder aus. Ohne sie werden alle Nachkommen (z. B. Kinder von Kindern) ausgewählt. Um das 2. oder 3. Kind auszuwählen, schauen Sie in dennth-child
Pseudo-Selektor.+
. so etwas wie,tr td + td + .... +td
aber was ist, wenn ich nicht weiß, wie viele td ich habe?Sie können das folgende Snippet verwenden:
Verwenden der folgenden Pseudoklassen:
: first-child bedeutet "Wählen Sie dieses Element aus, wenn es das erste Kind seines Elternteils ist".
: last-child bedeutet "Wählen Sie dieses Element aus, wenn es das letzte Kind seines Elternteils ist".
Es sind nur Elementknoten (HTML-Tags) betroffen. Diese Pseudoklassen ignorieren Textknoten.
quelle
Sie können Folgendes verwenden : erstes Kind und : letztes Kind
pseudo-selectors
:Oder Sie können auf andere Weise wie verwenden
Beide Wege funktionieren perfekt
quelle
Wenn Sie sass (scss) verwenden, können Sie das folgende Snippet verwenden:
quelle
Wenn die Zeile einige führende (oder nachfolgende)
th
Tags enthälttd
, sollten Sie die:first-of-type
und die:last-of-type
Selektoren verwenden. Andernfalls wird das erstetd
nicht ausgewählt, wenn es nicht das erste Element der Zeile ist.Das gibt:
quelle