Styling depends on order and header style overriding default

Question

Looking at transparent header text, unless you specify the class style AFTER the header style, the class text is transparent too.

With just header style:

With follow up class style:

Comments

The first image has a style that specifies the Class text should be black, so the style is not correctly applied when written like this:

class {
    FontColor black
}
header {
    FontColor transparent
}

The class should never have transparent text with this styling, it's explicitly supposed to be black text, AND the transparent style is explicitly not targeting a class.