Передача параметра при наведении псевдоэлементам ::before и ::after?

Question

[Джон Голт]

Есть элемент:

.element{
...
}

Есть к нему псевдоклассы:

.element::before, .element::after{
...
opacity: 0;
}

Вопрос: как изменить свойство opacity (в данном случае )для этих псевдоэлементов при наведении на родительский элемент .element и почему такая синтаксическая конструкция не работает:

.element:hover .element::before{
opacity: 1;
}

Answer 1

[Алексей Зуев]

Есть к нему псевдоклассы:

before и after - псевдоэлементы

.element:hover:before {
  opacity: 1;
}

Comments

[sleepy_hungry]

Алексей, привет.

А если такая ситуация: есть картинка, у нее есть псевдокласс :after (по сути оверлей - полностью покрывает картинку). Хочу, чтобы при наведении на картинку, псевдокласс убирался.

Не получается. Предполагаю, может быть потому, что картинка находится под оверлеем, и на нее нельзя навести.
Формат записи img:after:hover {display: none} - не работает.
Формат img:hover img:after {display: none} - тоже.

Не подскажешь, как можно решить?

[Narkin Kars]

img:hover:after пробовал?