Update the style of selected component

I'm trying to update the css of selected element.

Example:
Selected element: 
`<div id="inul" class='class1'>Hello</div>`
*** the above code was returned from component.toHTML();

CSS:
`
.class1{
    background-color: black;
}
`
*** the above css code was returned from editor.CodeManager.getCode(component, 'css', {cssc: editor.CssComposer});

I used textarea here(for example) and edit the css code and when I hit save button and run the code below

`editor.getSelected().em.set('style', content);`

The result is not what it should be it returns

`
#inul {
    0: .;
    1: w;
    2: o;
    3: o;
    4: m;
    5: d;
    6: a;
    7: 1;
    8: 9;
    9: 4;
    10: 5;
    11: {
        ;
        12: ;
        13: ;
        14: ;
        15: ;
        16: ;
        17: b;
        18: a;
        19: c;
        20: k;
        21: g;
        22: r;
        23: o;
        24: u;
        25: n;
        26: d;
        27: -;
        28: c;
        29: o;
        30: l;
        31: o;
        32: r;
        33: :;
        34: ;
        35: b;
        36: l;
        37: a;
        38: c;
        39: k;
        40: ;
        ;
        41: ;
        42:
    }
    ;
}
`