Q:

Is it possible to define in CSS NOT to apply style if element have certain class?

I have an application where styles are defined as
select { 
    border: 1px solid #6FA7D1; 
    outline:0; 
    height:25px; 
    padding-left: 5px; 
    font-family:Arial; 
    font-size:12px; 
    transition: all 0.8s; 
    border-bottom-left-radius: 5px; 
    border-top-left-radius: 5px; 
    }

so, every <select></select> will get the same style, which is expected, but, I'm using some third party plugins like jqGrid and I don't want to apply same style on for instance <select> rendered in jqGrid pager. This <select> has some class.
Is there some way to tell in CSS not to apply on DOM with certain class?
Please don't focus strictly on this <select> in jqGrid, I have more situations when I can use such exclusion.

A:

You can use the :not selector to prevent application under certain circumstances, e.g:
:not(selector) select
Where selector relates to either a jQGrid id or class

The negation CSS pseudo-class, :not(X), is a functional notation
  taking a simple selector X as an argument. It matches an element that
  is not represented by the argument. X must not contain another
  negation selector.

This basically says target select elements which arent a child of selector (in this case jQGrid)
You can use :not to exclude any subset of matched elements.

:not(div) > span {
  color: red;
}
<span>Make me red!</span>
<div><span>...but not me...</span>
</div>

A:

http://jsfiddle.net/iaezzy/1s5g5mjn/
.element:not(.exclude) {
    background: green;
}
.exclude {
    background:red;
}

