title: Hover behavior for a dl list in CSS
body: <pre><code> &lt;dl&gt;
      &lt;dt&gt;Term 1&lt;/dt&gt;
           &lt;dd&gt;Definition of term 1&lt;/dd&gt;
       &lt;dt&gt;Term 2&lt;/dt&gt;
          &lt;dd&gt;Definition of term 2&lt;/dd&gt;
       &lt;dt&gt; Term3 &lt;/dt&gt;
          &lt;dd&gt; Definition of term 3&lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>For the above code, I'm trying to get it so that if I hover over the dt portion, the background color for the dd portion changes to black(or any color). So far, I've only been able to get the hovered portion to change background color, but I'm not sure how to make another part change.</p>