title: When mouseover one Div it changes the class of another Div on the page using CSS?
body: <p>I have one Div "red" that on mouseover I want it to change the class of another Div "blue" on the page to "green".  </p>
  
  <p>These 2 divs are contained within different divs them selves see below, can this be done using CSS? if not how can it be done with jquery?</p>
  
  <pre><code>&lt;div id="one"&gt;
      &lt;div id="red"&gt;red&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="two"&gt;
      &lt;div id="three"&gt;
          &lt;div class="blue"&gt;blue&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank You.</p>