html - Add a hover effect to all elements of a class -

मैंने एक साधारण वेबसाइट बनाई है, ऐसा लगता है:

लेकिन, जैसा कि आप देख सकते हैं, होवर प्रभाव केवल उस पर काम करता है जहां माउस वास्तव में है! (यहाँ ipsum) लेकिन मेरा लक्ष्य है कि हॉवर सभी तत्वों पर काम करता है! इसलिए मैंने होवर प्रभाव p.hov के साथ एक क्लास जोड़ा: होवर करें, लेकिन इसे स्वयं देखें:

  & lt; span id = "motha" & gt; & LT; ब्लॉककोट & gt; & Lt; p वर्ग = "होव" & gt; Lorem & lt; / p & gt; & Lt; p वर्ग = "होव" & gt; ipsum & lt; / p & gt; & Lt; p वर्ग = "होव" & gt; dolor & lt; / p & gt; & Lt; p वर्ग = "होव" & gt; बैठ & lt; / p & gt; & Lt; p वर्ग = "होव" & gt; आमीन & lt; / p & gt; & Lt; / ब्लॉककोट & gt; & Lt; / span & gt; पी {रंग: # एफ 2 एफ 2 एफ 2; पृष्ठभूमि: # ff4a4a; फ़ॉन्ट-आकार: 75px; रेखा-ऊंचाई: 74px; font-weight: 700; मार्जिन: 0 5px 24px; बाईंओर तैरना; पैडिंग: 10px; मार्जिन: 0 5px 24px; फ़ॉन्ट-परिवार: 'रूट', सेरिफ; } P.hov: हॉवर {बॉक्स-छाया: 1 पीएक्स 1 पीएक्स # 666, 2 पीएक्स 2 पीएक्स # 666, 3 पीएक्स 3 पीएक्स # 666;}   
 मेरे अंग्रेजी के लिए क्षमा करें! और धन्यवाद!   
 
 
 यदि आप सभी ब्लॉक को छाया रखने की इच्छा रखते हैं, तो होवर को मूल तत्व पर रखें:  <पूर्व>  ब्लॉकक्ॉट: होवर पीएचओएच {बॉक्स-छाया: 1 पीएक्स 1 पीएक्स # 666, 2 पीएक्स 2 पीएक्स # 666, 3 पीएक्स 3 पीएक्स # 666; }