css is broken?

  • 1
  • Problem
  • Updated 3 years ago
  • Solved
I'm missing something obvious, or something strange is happening...

In addition to the problem I just reported I have another which is probably related:

I have this CSS in a statis resource being pulled into my page:


And I have a field renderer that is adding the class 'highlight-row' to a couple rows on a table:


But my rows are not highlighted!

Help?
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb

Posted 3 years ago

  • 1
Photo of Ben Hubbard

Ben Hubbard, Employee

  • 12,490 Points 10k badge 2x thumb
Spaces mean "find descendants". Your table element does not have any descendents with a class of nx-skootable-data. It *is* .nx-skootable-data. Remove your spaces in two cases and you should be fine.

table.nx-skootable-data tbody tr.highlight-row td
Photo of Matt Sones

Matt Sones, Champion

  • 31,478 Points 20k badge 2x thumb
THANK YOU! Works beautifully. And now I actually understand CSS. :)