Question

I have read posts about css inheritance and i am still left a bit lot.

Is this possible to do in css?

.cv3-envaleur h1 {
    background: none;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

I have also tried this.

div.cv3-envaleur h1 {
    background: none;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}

I am trying to give some style to the H1 heading inside the div called .cv3-envaleur but i can’t seem to make it work.

Please help

Answer 1

Both of these are valid ways to do what you are after. There has to be something overriding these. You can check in Firebug as to what the current definitions are and what is overriding. You can also add the !important flag to force the style.

<div class="cv3-envaleur"><h1>Header</h1></div>

div.cv3-envaleur h1
{
    background: none !important;
    font-size: 23px;
    line-height: 38px;
    color: #fff;
    margin: 0px 0 5px 0;
    padding: 10px 0px 5px 0px;
}