TD Hintergrund färben ohne Zugriff auf TD Element
bearbeitet von Gunnar Bittersmann@@Rolf b
> das mit tr:nth-child und td:nth-child arbeitet
Könnte bei dir auch gehen; ich hatte in [meinem Pen](http://codepen.io/gunnarbittersmann/pen/mAZBAJ) bewusst `:nth-of-type()` verwendet.
> ich habe dann Styles im Javascript rumfliegen, weil ich ja CSS Regeln generieren muss und nicht einfach Querverweise auf existierende CSS Klassen machen kann.
Aus dem Grund hatte ich im Pen die Hintergrundfarbe als _custom property_{: lang="en"} im Stylesheet hinterlegt (wohl wissend, dass das im IE/Edge noch nicht geht). Noch cooler wäre, wenn man nicht nur den Wert, sondern auch die Eigenschaft (hier `background`) so hinterlegen könnte.
LLAP 🖖
--
_“The best way to help people learn: answer their coding question an hour later, they’ll have likely figured it out by then.”_{: lang="en"} —Todd Motto
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}
TD Hintergrund färben ohne Zugriff auf TD Element
bearbeitet von Gunnar Bittersmann@@Rolf b
> das mit tr:nth-child und td:nth-child arbeitet
Könnte bei dir auch gehen; ich hatte in [meinem Pen](http://codepen.io/gunnarbittersmann/pen/mAZBAJ) bewusst `:nth-of-type()` verwendet.
> ich habe dann Styles im Javascript rumfliegen, weil ich ja CSS Regeln generieren muss und nicht einfach Querverweise auf existierende CSS Klassen machen kann.
Aus dem Grund hatte ich im Pen die Hintergrundfarbe also _custom property_{: lang="en"} im Stylesheet hinterlegt (wohl wissend, dass das im IE/Edge noch nicht geht). Noch cooler wäre, wenn man nicht nur den Wert, sondern auch die Eigenschaft (hier `background`) so hinterlegen könnte.
LLAP 🖖
--
_“The best way to help people learn: answer their coding question an hour later, they’ll have likely figured it out by then.”_{: lang="en"} —Todd Motto
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}