¿Evita que un pseudo elemento active el hover?
Si tengo marcado:
<div class="a b"></div>
donde la clase .a tiene una clase asociada asociada con ella
y la clase .b tiene un pseudo elemento asociado con esto ... así:
div
{
width: 100px;
height: 100px;
}
.a { background: red; display: inline-block; }
.a:hover { background: green; }
.b:after
{
content: '';
display: inline-block;
width: 100px;
height: 100px;
margin-left: 100px;
background: pink;
}
¿Es posible con css evitar que un pseudo elemento active el desplazamiento de clase .a?