सीएसएस होवर शैली

Question

हटाएं मैंने मार्क किया है जो इस नियम का उपयोग कर होवर सीएसएस शैली को टॉगल करता है। जब पैनल के अंदर एक चेकबॉक्स होता है तो मैं पृष्ठभूमि छवि शैली को हटाना चाहता हूं। क्या यह संभव है? मैंने निम्नलिखित कोशिश की है हालांकि यह विफल रहता है।

सीएसएस:

.StaffMode .day ul li.standard a:hover table { 
     background:url("test.png"); 
    } 

जे एस:

$("li.test table li").hover(
     function() { 
      if($(this).children(':checked')) { 
       alert('need to remove the background image style'); // shows as expected 
       $(this).children('a').removeClass('hover'); // this doesnt work? 
      } 
     } 
    ); 

Answer 1

तुम क्या अपने :hover नियम पर कुछ प्रतिबंध डाल दिया है, और अपने जावास्क्रिप्ट तत्व बदल तो यह अब लागू नहीं होता है की जरूरत क्या। कुछ इस तरह:

$(this).children('a').removeClass('has-hover'); 

आप :hover नहीं निकाल सकते हैं, लेकिन आप has-hover वर्ग को हटा सकते हैं, और के बाद से शासन दोनों की आवश्यकता है, इसे रोकने जाएगा:

.has-hover:hover 
{ 
    /* do whatever */ 
} 

और फिर अपने जावास्क्रिप्ट यह करता है लागू होने से .has-hover:hover नियम।