How to add or write :hover on ::before and ::after selector in CSS

How to add :hover on ::before and ::after css selector

Some people find and facing the problem of how to use hover effect on ::before and ::after css selector, but it can be done by simple css code. Below I show how to add hover css on changing before and after selector. Some time :before and :after css selectors are used for add content, image, etc before and after an element.


use before and after in hover

Do  like

before element


Code for doing the above example