CSS : Apply hover on an (:after) element and target another element

Asked Oct 23 '18 at 16:02

Active Oct 23 '18 at 16:02

Viewed 15 times

I have the following code: http://jsfiddle.net/t19z7m3g/100/, I want the following rule : .main:hover+.more{display: block;} to be applied when hovering on the :after element(Read More) not on the .main element.

I tried .main:after:hover+.more but it didn't work.

asked Oct 23 '18 at 16:02

Khadija NAZIH

2

Pseudo-elements cannot be used to select elements that are not in the same parent and since `:after` would always the **last** item it can't be used to select anything – Paulie_D Oct 23 '18 at 16:05
Thanks for help ! – Khadija NAZIH Oct 23 '18 at 16:24

CSS : Apply hover on an (:after) element and target another element

0 Answers0