styling HTML hierarchically

[magician11]

How do I properly reference class and id in the HTML from the CSS code?

For example, check out http://dev.golightlyplus.com/oliviotree/our-olive-grove/

Say I want to set the max-width for a cell..

What works is

#tablepress-1 tbody td {
max-width: 38px;
}

Why does it not work if I drop “tbody”?

Or why does this not work?

.tablepress-id-1 tbody td {
max-width: 38px;
}

Thanks. I’m trying to make sure I understand the best way to style HTML hierarchically. Because in this case I don’t just want to set a max-width for “td” as I may not want this rule to apply elsewhere on the site.

[Kitty Giraudel]

> Why does it not work if I drop “tbody”? Or why does this not work?

Probably a specificity issue.

[magician11]

This helped.. https://css-tricks.com/specifics-on-css-specificity/

[Author]

Posts