I know how to declare .css and .html for a local template. but sometimes, you need to cascade a css statement to from one higher up. For example, if you have a class .small-widget in one template, which must behave a certain way if you declare .scroll-mode in the <body> element.
.scroll-mode .small-widget {
font: .....;
}
You wouldn't want to declare .scroll-mode in your local template style interface, because the class name would no longer match that declared in the <body> element. How to accomplish this?