Supprimer le comportement CSS ':hover' de l'élément

Question

J'ai un CSS qui modifie la mise en forme lorsque vous survolez un élément.

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

<div class="test">blah</div>

Dans certains cas, je ne veux pas appliquer de CSS au survol. Une solution consisterait à supprimer la classe CSS de la div à l'aide de jQuery, mais cela nuirait à d'autres choses, car j'utilise également cette classe pour formater ses éléments enfants.

Existe-t-il un moyen de supprimer le style css "hover" d'un élément ?

Answer 1

Vous voulez conserver le sélecteur, donc l'ajouter ou le supprimer ne fonctionnera pas. Au lieu d'écrire un (ou deux) sélecteur(s) CSS rigide(s), vous pouvez peut-être utiliser le sélecteur d'origine pour appliquer une nouvelle règle CSS à cet élément sur la base d'un certain critère :

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