html - :before pseudo-class does't works with images -

मेरे पास HTML का पालन है:

  & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & Lt; title & gt ;: छद्म-वर्ग और छवियों से पहले & lt; / title & gt; & Lt; शैली प्रकार = "टेक्स्ट / सीएसएस" मीडिया = "स्क्रीन" & gt; आईएमजी {डिस्प्ले: ब्लॉक; चौड़ाई: 640pt; } Img: {content: "test" से पहले; } & Lt; / style & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; img src = "http://andreygromov.name/picture/flower/flower4.jpg" alt = "Ð ?? Ð ° Ð · Ð ° Ñ ?? ± ?? вÐμÑÑ ?? Ð ° Ð ¼ ¸¸¸¸ /" और ; & Lt; / body & gt; & Lt; / html & gt;   
: इससे पहले कि छवि के लिए नहीं दिखाई देगा, लेकिन यह किसी भी div के लिए करता है।  
 क्यों?  
 
 अपडेट: मुझे यह मिला W3C में स्पष्टीकरण:  
 
 नोट यह विनिर्देश पूरी तरह से निम्नलिखित के अंतःक्रिया को परिभाषित नहीं करता है: प्रतिस्थापित तत्वों (जैसे कि एचएमटी में आईएमजी) के बाद भविष्य के विनिर्देशों में इसे और अधिक विवरण में परिभाषित किया जाएगा।   
 
 अपडेट 2:  
 मुझे बताने में भूल जाता है - मुझे "alt" विशेषता को देखने की आवश्यकता है सीएसएस के साथ छवि।  
  img: इससे पहले {display: block; सामग्री: attr (alt); पृष्ठभूमि रंग: # 333; / * आदि * /}    
 
 
 आपके द्वारा उल्लिखित विनिर्देश को ध्यान में रखते हुए, मुझे लगता है यह एक ऐसा मामला जहां आपको एक तत्व में छवि लपेटनी है और उस पर : पहले  लागू करना है।  
 
  संपादित करें:   < P> ध्यान देने योग्य, कि  alt  विशेषता वैकल्पिक पाठ के लिए है और मूल रूप से उसी जानकारी को देना चाहिए, जैसा कि छवि करता है, इसका मतलब यह नहीं होगा कि आप उपयोगकर्ता के लिए जानकारी का दोहराकरण कर रहे हैं?  < 
 उदाहरण के बारे में  
 उदाहरण:  
  और लेफ्टिनेंट ; शैली प्रकार = "टेक्स्ट / सीएसएस" मीडिया = "स्क्रीन" & gt; .image: पहले {content: attr (शीर्षक); } .image img {display: block; चौड़ाई: 640pt; } & Lt; / style & gt; & Lt; div वर्ग = "छवि" शीर्षक = "यहां जानकारी" & gt; & lt; आईएमजी ... & gt; & lt; / div & gt;