title: How to style contenteditable=true when hovered?
body: <p>I want to change background of elements inside a div, only when hovered and when their property contenteditable is true.</p>
  
  <p>I have tried :</p>
  
  <pre><code>#myDiv[contenteditable="true"]:hover  { background-color: rgba(217, 245, 255,0.5);}
  </code></pre>
  
  <p>But it doesn't work. 
  And if I move the pseudo class to the div :</p>
  
  <pre><code>#myDiv:hover [contenteditable="true"]  { background-color: rgba(217, 245, 255,0.5);}
  </code></pre>
  
  <p>Then all fields with contenteditable=true get the background... any trick to fix that in pure css ?</p>
  
  <p>EDIT : HTML example:</p>
  
  <pre><code>&lt;div id="myDiv"&gt;
      &lt;span contenteditable="true"&gt;blabla&lt;/span&gt;
      &lt;div "subdiv" contenteditable="true"&gt;blibli&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>