Remove ':hover' CSS behavior from element

Question

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

HTML:

 blah 

CSS:

Answer 1

You want to keep the selector, so adding/removing it won't work. Instead of writing a hard and fast CSS selectors (or two), perhaps you can just use the original selector to apply new CSS rule to that element based on some criterion:

$(".test").hover(
  if(some evaluation) {
    $(this).css('border':0);
  }
);