Remove ':hover' CSS behavior from element

Question

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

HTML:

 blah 

CSS:

Answer 1

I would use two classes. Keep your test class and add a second class called testhover which you only add to those you want to hover - alongside the test class. This isn't directly what you asked but without more context it feels like the best solution and is possibly the cleanest and simplest way of doing it.

Example:

.test {  border: 0px; }
.testhover:hover {  border: 1px solid red; }

 blah 
 blah 
 blah