Alterar uma classe com hover:after

[NIKESLB 0]

Olá,

Tenho o seguinte código Css:

div.pnlm-tooltip:hover:after{
content:'';
position:absolute;
width:0;
height:0;
border-width:10px;
border-style:solid;
border-color:rgba(0,0,0,0.7) transparent transparent transparent;
top:-12px;
left:3px
}

O meu objetivo é conseguir apanhar este elemento via jQuery. Já exprimentei o seguinte mas sem sucesso:

$("div.pnlm-tooltip:hover:after").hide();

Alguém tem uma solução por favor?

[Electronic 124]

Não da pra acessar seletores ::after e ::before com js

mas tem um jeitinho

 

com JS adicione uma classe a div que tem o ::after

depois diga que o after dessa classe tem display: none

 $('div.pnlm-tooltip').on('hover', function() {
   $(this).toggleClass('special');
 });

div.pnlm-tooltip:before {
  content: "foo";
  color: red;
  cursor: pointer;
}
div.pnlm-tooltip.special:before {
  display: none;
}

[NIKESLB 0]

Não sabia que Javascript não conseguia apanhar esses seletores. Sendo assim ficou resolvido.

Muito obrigado pela dica :)