title: CSS Hover over something and have a completely different div change its attribute
body: <p>im trying to write a code where you hover over a div and have a completely different div change its effect</p>
  
  <p>heres my code</p>
  
  <p>html</p>
  
  <pre><code>    &lt;div class="a"&gt;LOREM IPSUM&lt;/div&gt;
      &lt;div class="boxhighlight"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>    .a:hover, .boxhighlight
      {
          background-color:black;
      }
  </code></pre>
  
  <p>what i want to happen is that when the user hovers over the word lorem ipsum, the div boxhighlight will change its background color</p>
  
  <p>is there a way to do this?</p>
  
  <p>thanks</p>