mit beiden: nach und: Hover

Question

Ist es möglich, nur die :after Pseudo mit :hover anzuzeigen? Zum Beispiel mit alternativen Elementen.

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

Soweit ich mit der gleichen Methode haben:

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

Ist es überhaupt möglich? Oder mache ich mir etwas vor?

Answer 1

können Sie kombinieren die beiden:

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

JSFiddle.

Answer 2

Ja natürlich können Sie:

Demo

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

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

Answer 3

Ja. Nicht sicher, warum Sie es nicht selbst habe versucht, aber es ist möglich:

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

http://jsfiddle.net/uz3w4/