Remove ':hover' CSS behavior from element

Question

I have CSS that changes formatting when you hover over an element.

HTML:

 blah 

CSS:

Answer 1

Use the :not pseudo-class to exclude the classes you don't want the hover to apply to:

FIDDLE

 blah 
 blah 
 blah 

.test:not(.nohover):hover {  
    border: 1px solid red; 
}

This does what you want in one css rule!