title: How to select child element inside first, second or third html element with CSS classes?
body: <p>I want to select anchor tags in CSS.For the purpose in the following html document I did the same.</p>
  
  <p>My html document is here:</p>
  
  <pre><code>&lt;div class="first"&gt;
     &lt;center&gt;&lt;a href="http://www.google.com"&gt;The first link &lt;/a&gt;&lt;/center&gt;
  &lt;/div&gt;
  
  &lt;div class="second"&gt;
     &lt;center&gt;&lt;a href="http://www.fb.com"&gt;The second link&lt;/a&gt;&lt;/center&gt;
  &lt;/div&gt;
  
  &lt;div class="third"&gt;
     &lt;center&gt;&lt;a href="http://www.stackoverflow.com"&gt;The third link&lt;/a&gt;&lt;/center&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I want to select all of a tags. I tried in this way:</p>
  
  <pre><code>body a:first-child:hover//The first child
  {
      font-size:30px;
      color:yellow;
  }
  body a+a:hover  //the second child
  {
      font-size:40px;
      color:red;
  }
  body a+a+a:hover  //the third child
  {
      font-size:50px;
      color:#fff;
  }
  </code></pre>
  
  <p>But I am getting wrong result what should I do?</p>