css - 同时使用 :after and :hover

Question

是否可以使用 :hover 仅显示 :after 伪代码？例如使用替代元素。

#parent{}
#child{display:none;}
#parent:hover >#child{display:block;}

据我所知，使用相同的方法:

#parent{}
#parent:after{content:'hi';display:none;}
#parent:hover  #parent:after{display:block;}

有可能吗？还是我在自欺欺人？

Answer 1

您可以将两者结合起来:

#parent:hover:after {
    content:'hi';
}

JSFiddle .