```
<input type="checkbox" value="true" name="role" id="role1" class="margin-class" checked="checked">

input[type="checkbox"] {
    height: 1.42857em;
    margin-bottom: 1.42857em;
    position: relative;
    top: 6px;
}

.margin-class {
   margin-bottom: 0;
}

```

Both these css comes from bundle.css where I am not allowed to make any change. But I want to apply margin class necessarily. Here selector css is overriding class css. I know the rule of 
precedence where selector css has more precedence. But is there anyway by which I can override
the rule. I am not allowed to use local css too and not allowed to make any changes like !important and all.