Question

i am styling the tag twice in my css file. i need to use different style but both the styles are actually conflicting.

#cat_header h3 {
        font-family: Arial, Helvetica, calibri;
        font-size: 90px;
        text-decoration: none;
        font-weight: 100;
        letter-spacing: -2px;
        text-align: left;
        margin-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;    
}

.lightbox .head h3{
    font-family: Calibri, Helvetica, Arial;
    font-size: 28px;
    letter-spacing: -1px; word-spacing: -1px;
    font-weight: bold;
    color: #fff;
    margin: 5px 0 0 8px;

}

Answer 1

You can’t “purge” you can override by making the rule more specific

#content .lightbox .head h3 { }

Or use !important

.lightbox .head h3 { font-family:Calibri !important; }