Как сделать hover на эти изображения?

Question

[Egorian]

https://jsfiddle.net/v9tcrueq/.
Почему берется следующий after вместо текущего?
Где я накосячил?

Comments

[Дмитрий]

.post:hover + .post a:after
замените на
.post:hover, .post a:after

Answer 1

[dsmaslov]

Нужно сделать так:

.post:hover, .post a:after {
    background-color: red;
}

Comments

[Egorian]

Да, но .post тоже получает это значение

[dsmaslov]

Egorian, если вам нужно выделение картинки при наведении, то:

.post a:hover:after{
    background-color: red;
}

.post:hover в этом случае не будет получать значение

Answer 2

[siarheisiarhei]

div + p – первый правый сосед: p на том же уровне вложенности, который идёт сразу после div