title: how add style for children block when we focus on link?
body: <p>Code:</p>
  
  <pre><code>&lt;div id="div1"&gt;
      &lt;div class="test1"&gt;&lt;/div&gt;
      &lt;div class="text1"&gt;&lt;a href="#"&gt;test1&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="test_block"&gt;text1&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="div2"&gt;
      &lt;div class="test2"&gt;&lt;/div&gt;
      &lt;div class="text2"&gt;&lt;a href="#"&gt;test1&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class=""&gt;text2&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how make on css3 that when we focus on link(a:hover) children block <code>test_block</code> get css <code>font-size:18px</code>?</p>
  
  <p>P.S.: For example, when we hover on link <code>test1</code> <code>font-size</code> for <code>text1</code> will be 18 px and <code>font-size</code> for <code>text2</code> wiil be <code>14px</code>;</p>
  
  <p>When we we hover on link <code>test2</code> <code>font-size</code> for <code>text2</code> will be 18 px and <code>font-size</code> for <code>text1</code> wiil be <code>14px</code>;</p>