2013-03-21 11 views
7

:hover kullanarak :after sözlüğünü görüntülemek mümkün mü? Örneğin alternatif elemanlar kullanarak.İkisini birden kullanarak: sonra ve: hover

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

aynı yöntemle var Bildiğim kadarıyla:

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

mümkün hiç var mı? Yoksa kendimi kandırıyor muyum?

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

JSFiddle:

+1

denedin '#parent: hover: after'? – SnareChops

+0

Bunu denediniz mi (http://jsfiddle.net/kUF6v/)? –

+0

@SnareChops Bende var ama bu gibi bir alan bıraktım #parent: hover: bu benim problemim mi? lol – sourRaspberri

cevap

7

İki birleştirebilirsiniz.

+1

Ack, ne yazık ki [zalim dünya] (http://i.imgur.com/RUXL5vI.png), kutsal upvotes için sürekli süren yolculuğumuzda yaşıyoruz! ;-) –

4

Evet yapabilirsiniz elbette:

Demo

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

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

Evet. Değil kendiniz deneyin vermedi ama mümkün niçin emin:

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

http://jsfiddle.net/uz3w4/

+0

O zaman arasında bir boşluk koydum ... ne bir geciktirici lol – sourRaspberri