TinyMCE: Overriding bold and italic defined in stylesheet

Consider the following example

editor css:

.heading{
    font-size: 20pt;
    font-weight: bold;
    font-style: italic;
}

HTML:

<div class="heading"> This is main heading </div>

When I try to remove the bold from whole whole text inside the heading div开发者_运维百科 it won't convert it to normal text. This might be because of the font-weight defined in heading class. Is there a way to toggle the font-weight for such cases?

Are you just trying to change the font-weight back to normal? If so, just delete that line of CSS, or set the property to font-weight:normal;

To get ride of this issue we moved font styling (bold, italic) out from CSS and used the <strong> and <i> tags directly into the content. This seems to be only proper way to do this.