How to set multiple css using jquery

I tired to set multiple css to the jquery component using id.But not working.If anyone know please help to find the solution:

My jquery component is like

<select-dropdown mode="disabled" id="maindropdown" type="dropdown" value="Option 1,Option 2"></select-dropdown>

CSS:

select-dropdown[mode^="disabled"], select-dropdown [disabled], select-dropdown[mode^="disabled"]{
pointer-event:none;
color:#ccc;
padding:2px;
}

Trying to change this css using jquery like:

$("#maindropdown select-dropdown[mode^="disabled"],select-dropdown [disabled], select-dropdown[mode^="disabled"]").css({

pointer-events:auto,
color:#000,
padding:0px;

});