Jeśli mam znaczniki:

<div class="a b"></div>

gdzie klasa .a ma przypisaną klasę hover

i klasa .b ma powiązany pseudo element ... tak:

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;
}

Czy jest możliwe przy pomocy css, aby uniemożliwić pseudoelementowi wywołanie aktywacji klasy .a?

SKRZYPCE