CSS for the navigation control strip

[liv]

I'm working on converting these Crisped themes to be official site layouts. I've run into a problem with the CSS that makes the navigation control strip match the rest of the layout.

The relevant CSS is as follows:
#lj_controlstrip { box-shadow: 0px 1px 2px $*color_entry_border; } #lj_controlstrip td { border: 1px solid $*color_entry_title_background; }

The problem is that the logged-out version of the nav strip includes a table within a table, for the login form, and this CSS makes all the cells of that table outlined in the entry title colour, which looks kind of awful. So I need to figure out some CSS to turn off border colours in the login form, while leaving them on for the nav strip as a whole.

According to Web Developer the login form looks a bit like this:
table#lj_controlstrip > tbody > tr > td#lj_controlstrip_login > form#login.lj_login_form > div > table > tbody > tr > td

I can't figure out which selector to use with border: none in order to switch off the borders for the inner tables. I've tried variations on #lj_controlstrip_login and #lj_controlstrip_login td and #login.lj_login_form but I'm not getting anywhere. Anyone who's clever with CSS inheritance rules have any good ideas?

Comments

[liv]

Thank you, that's really helpful. Turns out that part of my problem was using the wrong selector, and part was that I'd missed out a }. Once I fixed those, I got it working as intended, yay.