css – 同时使用：after和：hover

是否有可能只显示：after pseudo using：hover？例如,使用替代元素.

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

至于我用同样的方法：

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

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

解决方法

你可以将两者结合起来：

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

JSFiddle.