Smart Backgrounds support

[welchyboy]

Another feature you can use is the fact that the body of each page has a unique id, like #indexBody, #productsallBody, #productinfoBody, etc.
You can combine this with the sub-element to change the sub-element's styling on different pages:

#indexBody .centerColumn {background-color: #112233;}

#productsallBody .centerColumn {background-color: #223344;}

#productinfoBody .centerColumn {background-color: #334455;}

These can all go in the main stylesheet, and only the one that is current will be used.

This is similar to the way Smart Backgrounds works, but cannot cover the full range of Smart Backgrounds' applications.

OK when you talk about #indexBody and the background color which is probably what I am interested in. I am interested in changing the center background color. So where would I put the individual page IDs at? I will work on this tonight and see if i can get this working. If not i will post back and see if i can get some more info. This one seems like it would be a little better with just one document and reference each page inside one css stylesheet and I can just add comments which say which specific page it is. Am I understanding this correctly?