I am developing a plugin for an application.
So lets assume that we have to css files,app.css and plugin.css

Content of app.css

```
.tempClass{
height : 50px;
width : 50px;
}

```

Content of plugin.css

```
.pluginTempClass .tempClass{
height : 40px;
}

```

Now if my plugin adds to the DOM of appliation a 

```
<div class='pluginTempClass'>
     <div class='tempClass'>
         SOME CONTENT
    </div>
</div>

```

Here for height attribute the `.pluginTempClass .tempClass` selector has greater specificity so height rule for that gets applied but since this class doesnt define width, width rule of `.tempClass` of app.css gets applied.Is there anyway to avoid app.css styles being applied to plugin elements added to DOM