css - 同时使用 :after 和 :hover

Question

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

#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';
}

JSF中。

Answer 2

是的。不知道你为什么不自己尝试，但有可能：

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

http://jsfiddle.net/uz3w4/

Answer 3

是的，您当然可以：

演示

<a href="#">Demo</a>

a:hover:after {
    content: 'blah';
}