title: CSS: hover over block to change text color and link
body: <p>I have a block <code>(div)</code> and which contain text with links.
  When I hover over this block I need to change text color (also links color).
  "<code>div:hover</code>" - with this text color is changed, but link color remain unchanged.</p>
  
  <p>Full code:</p>
  
  <p>CSS:</p>
  
  <pre><code>a {
      color: #336699;
  }
  div {
      height: 50px;
      background-color: #FFF;
      color: red;
  }
  div a {
      color: red;
  }
  div:hover {
      background-color: #336699;
      color: #FFF;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
      text test &lt;a href="#"&gt;URL&lt;/a&gt; text
  &lt;/div&gt;
  </code></pre>