同时使用：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';
}

JSFiddle

Answer 2

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

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

http://jsfiddle.net/uz3w4/

Answer 3

是的，你当然可以：

Demo

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

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