@@Matthias Apsel
Mithilfe der Pseudoklassen
nth-child()
.
Nicht die beste Idee. Wenn man die Tabelle ändert (Spalten vertauscht, hinzufügt, entfernt), muss man das Stylesheet anpassen.
„Ich habe mehrere Tabellen mit 4 Spalten auf einer Seite“, die alle dieselben Spaltenbreiten(verhältnisse) haben sollen, liest sich so, als seien es immer wieder gleichartige Daten, also dieselben Tabellenköpfe.
Besser: Den col
-Elementen eine Klasse verpassen und die jeweiligen Breiten dafür angeben:
<colgroup>
<col class="Wirkstoffgruppe"/>
<col class="Wirkstoff"/>
<col class="Handelsnamen"/>
<col class="Auswirkungen"/>
</colgroup>
.Wirkstoffgruppe { width: 17% }
.Wirkstoff { width: 14% }
.Handelsnamen { width: 29% }
kürzer (nur, wenn es kein
script
odertemplate
als Kind dertr
gibt)
Dann greifen deine Selektoren aber auch falsch. :nth-of-type()
statt :nth-child()
wäre angebracht gewesen.
LLAP 🖖
--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory