after：と：hoverの両方を使用して

Question

:hoverを使用して:after疑似を表示することはできますか。たとえば、代替要素を使用します。

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

は、それがすべてで可能です：私の知る限りは、同じ方法で持っているよう

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

？あるいは私は自分自身をだましていますか？

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

JSFiddle：

Answer 1

は、次の2つを組み合わせることができます。

Answer 2

もちろんはい次のことができます。

Demo

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

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

Answer 3

はい。必ずなぜあなたはそれを自分で試していないが、それは可能ですなし：

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

http://jsfiddle.net/uz3w4/