używając obu: po i: hover

Question

Czy możliwe jest wyświetlanie tylko pseudo :after przy użyciu :hover? Na przykład przy użyciu elementów alternatywnych.

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

ile mam tą samą metodą:

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

czy to w ogóle możliwe? Czy ja się oszukuję?

Answer 1

Można połączyć dwa:

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

JSFiddle.

Answer 2

Tak oczywiście można:

Demo

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

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

Answer 3

Tak. Nie jestem pewien, dlaczego nie spróbować samemu, ale jest to możliwe:

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

http://jsfiddle.net/uz3w4/