Affecting geordnete Element: focus'd Element (reines CSS + HTML bevorzugt)

Question

Wie kann ich ändern, den Hintergrund eines Elternteils <div> wenn ein <input> oder <a> ist: focus'd (oder eine andere dynamische Pseudoklasse

Eg

<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

Leider unterstützt CSS keine Elternselektoren. :(
So ist die einzige Art und Weise, es zu tun ist Javascript zu verwenden wie die jQuery parent method

Update:. CSS Selectors Ebene 4 Eltern Selektoren unterstützt http://www.w3.org/TR/selectors4/#subject

Answer 2

Die einzige Art, wie ich denken kann, muss Javascript aktiviert ist:

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)"> 

Hoffe, dass hilft!