दोनों का उपयोग करके: बाद और: होवर

Question

क्या का उपयोग करके केवल :after छद्म प्रदर्शित करना संभव है? उदाहरण के लिए वैकल्पिक तत्वों का उपयोग करना।

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

जहां तक ​​मेरा एक ही विधि के साथ मिल गया है:

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

यह बिल्कुल संभव है? या मैं खुद को मूर्ख बना रहा हूँ?

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

JSFiddle:

Answer 1

आप दो जोड़ सकते हैं।

Answer 2

आप कर सकते हैं निश्चित रूप से हाँ:

Demo

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

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

Answer 3

हां। यकीन है कि तुम क्यों यह अपने आप कोशिश नहीं की लेकिन यह संभव है नहीं:

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

http://jsfiddle.net/uz3w4/