css is broken?

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?

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

THANK YOU! Works beautifully. And now I actually understand CSS.