h elements

[scottybwoy]

Hi, I have some h3 tags that are given one style across my site but in one section I don't want them to have a bottom border which I have set elsewhere.  No matter where I set border to none it just won't work.  Is there some sort of protection on this element or have I just not done it right somewhere?

 

To ensure I have the right selector I have given it its own class :

<h3 class='noBorder'>

And have put the css for it as the last style to be applied :

.noBorder {
border-style: none;
}

 

Thanks for your help.

[wildteen88]

That should work, aslong the .noBoarder selector is set after the h3 selector, eg:

 

h3 {
    /* css for <h3></h3> tags
}

h3.noBorder {
border-style: none;
}

if it still doesnt work then re-set the boarder:

border: 0px solid #FFF;

[scottybwoy]

got it, had to do #content .products h3 {

[haku]

You may want to read up a bit on CSS inheritance to prevent these types of situations.