होवर इंटरैक्शन के लिए तत्वों को लक्षित करना

एचटीएमएल और सीएसएस के साथ काम करते समय, होवर के आधार पर किसी तत्व के व्यवहार को नियंत्रित करना अक्सर आवश्यक होता है दूसरे तत्व की अवस्था. इसे सीएसएस चयनकर्ताओं के माध्यम से हासिल किया जा सकता है जो तत्वों के बीच विशिष्ट संबंधों को लक्षित करते हैं। उपयोग किया जा सकता है:

#container:hover > #cube
• : यह चयनकर्ता #cube div को केवल तभी लक्षित करता है जब यह प्रत्यक्ष हो होवर किए जाने पर #container div का बच्चा।
#container:hover #cube
• : यह चयनकर्ता अंदर कहीं भी #cube div को लक्षित करता है होवर करने पर #container div.
#container:hover ~ #cube
• : यह चयनकर्ता #cube div को तभी लक्षित करता है जब यह होवर किए जाने पर #container div का सहोदर होता है।
इन चयनकर्ताओं का उपयोग करके, आप #container div की होवर स्थिति के आधार पर #cube div के व्यवहार को प्रभावी ढंग से नियंत्रित कर सकते हैं, भले ही HTML संरचना में उनकी निकटता या सापेक्ष स्थिति की।