предотвратить псевдоэлемент от запуска парения?

Если у меня есть разметка:

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

где класс .a имеет класс hover, связанный с ним

и класс .b имеет псевдоэлемент, связанный с ним ... вот так:

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

Можно ли с помощью css предотвратить псевдоэлемент от запуска наведения класса .a?

FIDDLE

Ответы на вопрос(1)

Ваш ответ на вопрос