I am not new to programming, but am very new to CSS paradigms. I have a problem that I have inelegantly resolved. I need an elegant solution because my solution could cause a lot of problems in the future as the site becomes larger.
Here is the problem. I need to have multiple section “headers”, where each header has a different background color.
Right now I have one class for each section header. Each class has a unique set of subclasses. I would prefer to have a single section “header” class (I believe I need to use classes here since the “header” will appear multiple times in the HTML document) with it’s own subclass(es). I want to be able to reuse the section “header”, but I need each “header” to have a different background color.
Any ideas how to setup this sort of thing?