override parent css

[scheric1]

I am having trouble overriding padding and margin css on a class I have created for headers.

I would like to make all my h2 tags that I specify with a class to remove all padding and margin that is being inherited from the parent class.

https://www.icsworld.com/Find_Local_.../Missouri.aspx

Here is an example. Each of the H2 tags within the body content have received a class called .headerBlock

my headerBlock CSS is as follows

.headerBlock h2 {
	background: #FFFFCC;
	margin: 0 px;
	padding: 0 px;
	border-top: solid 1px #C0C0C0;
	border-bottom: solid 1px #C0C0C0;
	text-align: center;


}

However I think my css is being overwritten by the .PageText class.

My understanding is the child class needs to be more specific in order for it to override it's parent but I seem to be having trouble formatting the rule for it to properly generate.

Can someone point me in the right direction?

Thanks

[tempz]

Where are you using h2? I can't seem to locate usage of h2.

[tracknut]

The usage you're making of the class headerBlock is like this:
<h2 class="headerBlock">Missouri..... </h2>

So your CSS to control the style of that should look like:
h2.headerBlock {padding..... }

Coincidentally you have this style on line 430 of your style.css file, but you have not set the padding and what-not for that style.

Dave