Using multiple CSS files for menus

Glyph / 2009-09-11 07:39:47   

Hi guys.

I want the main navigation menu on two of my pages to be different to menus on all the other pages. However I can currently only control menus with one set of classes.

From what I understand there is a way to specify the page bodies ID in a css file, so that the page loads a different CSS file.

If I view the source, I can see that the body class is called section-4. Does this mean, that I need to setup custom menu styles as children of a class called section-4 in the style sheet?

For example the style would read 'section-4 menu','section-4 menu ul', etc...

Any guidance would be really great.

Vaska A / 2009-09-11 07:53:48   

This would only affect entire sections on pages...not just two pages. That could be enough though...depends upon how you organize things.

  1. body#section-4 #menu { ... {

You need the 'body' to make things work on the particular section/page. And you don't need more than one css file to do this...these can all be in just one file.

This thread has been closed, thank you.