CSS inheritance h2 tags color is inheriting from the body
I have a very strange problem.

CSS inheritance which is usually a strong point of mine, this time has me totally bamboozled.

body tag has color set on it like so

    body, select, input, textarea { color: #444; }

I then try to style up a heading tag with a color like so

    h2.navy{
	color: #66cc99;
    }
    h2.navy{
	color: #66cc99 !important;
    }

In either of the above ways the browser ignores the declaration and picks up from the body color declaration only. I'm using inspiration from the HTML5 boilerplate. 
CSS inheritance h2 tags color is inheriting from the body
===

I have a very strange problem.

CSS inheritance which is usually a strong point of mine, this time has me totally bamboozled.

body tag has color set on it like so

    body, select, input, textarea { color: #444; }

I then try to style up a heading tag with a color like so

    h2.navy{
	color: #66cc99;
    }
    h2.navy{
	color: #66cc99 !important;
    }

In either of the above ways the browser ignores the declaration and picks up from the body color declaration only. I'm using inspiration from the HTML5 boilerplate. 