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 also had this problem, my solution was to have an element above the element i dont want a hover effect on:

.no-hover {
  position: relative;
  opacity: 0.65 !important;
  display: inline-block;
}

.no-hover::before {
  content: '';
  background-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 60;
}

hover

  no hover