को प्रभावित करने वाले माता-पिता तत्व: focus'd तत्व (शुद्ध सीएसएस + एचटीएमएल पसंदीदा)

Question

मैं एक माता पिता <div> की पृष्ठभूमि कैसे बदल सकता है जब एक <input> या <a> है: focus'd (या किसी अन्य गतिशील छद्म वर्ग

जैसे

<div id="formspace"> 
<form> 
<label for="question"> 
How do I select #formspace for the case when a child is active?</label> 
<input type="text" id="question" name="answer"/></form></div> 

Answer 1

दुर्भाग्यवश सीएसएस माता-पिता चयनकर्ताओं का समर्थन नहीं करता है। :(
तो यह करने के लिए एक ही रास्ता jQuery parent method तरह जावास्क्रिप्ट का उपयोग करने के लिए है

अद्यतन:। सीएसएस चयनकर्ता स्तर 4 माता पिता चयनकर्ताओं का समर्थन करेंगे http://www.w3.org/TR/selectors4/#subject

Answer 2

एक ही रास्ता मैं के बारे में सोच सकते हैं जावास्क्रिप्ट के साथ है:

function focusLink(isOnFocus) 
{ 
    if (isOnFocus) 
     document.getElementById('formspace').className = "<make a focus class name here>"; 
    else 
     document.getElementById('formspace').className = "<default class name here>"; 
} 

...

+०१२३५१६४१०

<input onFocus="focusLink(true)" onBlur="focusLink(false)"> 

आशा है कि मदद करता है!