This seems like a dumb question but I can't for the life of me figure it out without asking you all.

I'm wiring up our GUI in Designer then using a CSS file to apply styling. For the most part everything works as expected. Every now and then nothing I do seems to override the preexisting styles. In some cases I can override one value but not another. I successfully styled a pretty complex nested set of panes/tables/controls, but I'm stumped with a simple accordion pane.

For example, I have an accordion pane named "accPane" inside the west region of a border pane. Inside I have three "fit" panes named "accInner1" "accInner2" "accInner3" (the names have been changed to protect the innocent).

I want to increase the font size for the titles of the inner panes. As a bonus I would like different text styling if the pane is expanded or collapsed.

Q1: how do I do that?

Q2: is there an online guide that can help me the next time I get stuck with this type of problem?