2013-01-06 18 views
11

मेरे पास कई आइटम वाली अनगिनत सूची है - कुछ आइटम 'शीर्षलेख' हैं, अधिकांश आइटम लिंक हैं।CSS3 अक्षम होवर प्रभाव चुनिंदा

वर्तमान में, मैं अपने सूची निम्नलिखित सीएसएस है:

#result-side-menu li:hover { 
    background-color: rgba(0,0,0,0.15); 
} 

मैं जबकि यह सभी दूसरों पर बनाए रखने के केवल शीर्षक सूची आइटम पर मंडराना निष्क्रिय करने में सक्षम होना चाहता हूँ। मेरे सबसे अच्छे (और अभी भी असफल) प्रयास अब तक यह करने के लिए किया गया था:

#result-side-menu.li-no-hover li:hover { 
    background-color: none; 
} 

और फिर शीर्षक सूची आइटम में class="li-no-hover" लागू करने के लिए।

क्या मैं ऐसा करने का प्रयास कर रहा हूं?

#result-side-menu li.li-no-hover:hover { 
    background-color: transparent; 
} 

उत्तर

21

आप लागू होते हैं अपने li तत्वों को class="li-no-hover" आप मंडराना प्रभाव नहीं करना चाहते हैं, तो इस सीएसएस आप चाहते है

#result-side-menu li.li-no-hover:hover { 
    opacity:1; 
} 
+0

बस क्या मैं के बाद था धन्यवाद =] – bdx

-1

आप इस कोशिश कर सकते हैं: