title: How to apply css for only second occurance
body: <p>here i am trying to apply the css for only second table.</p>
  
  <p>but in my web page i have 2 tables, if i apply this css for the table
  both the tables are taking the css. but i want to apply the css only for the second tables.</p>
  
  <p>css code:</p>
  
  <pre><code>body{
      background:url(aya.jpg);
  }
  
  table { 
      color: #333;
      font-family: Helvetica, Arial, sans-serif;
      width: 640px; 
      border-collapse: 
      collapse; border-spacing: 0; 
  }
  
  td, th { 
      border: 1px solid black;
      height: 30px; 
      transition: all 0.3s;
  }
  
  th {
      background: #757575;
      font-weight: bold;
      color:white;
  }
  
  td {
      background: #FAFAFA;
      text-align: center;
  }
  
  tr:nth-child(even) td { 
      background: #F2F2F2; 
  }   
  
  tr:nth-child(odd) td { 
      background: #E6ECF2; 
  }  
  </code></pre>
  
  <p>html code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/common-style.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="css/button.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;center&gt;
  
  &lt;table&gt;
  &lt;tr&gt;
      &lt;th&gt;One&lt;/th&gt;
      &lt;th&gt;Two&lt;/th&gt;
      &lt;th&gt;Three&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Apples&lt;/td&gt;
      &lt;td&gt;Carrots&lt;/td&gt;
      &lt;td&gt;Steak&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Oranges&lt;/td&gt;
      &lt;td&gt;Potato&lt;/td&gt;
      &lt;td&gt;Pork&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Pears&lt;/td&gt;
      &lt;td&gt;Peas&lt;/td&gt;
      &lt;td&gt;Chicken&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  
  &lt;table class="obd"&gt;
  &lt;tr&gt;
      &lt;th&gt;One&lt;/th&gt;
      &lt;th&gt;Two&lt;/th&gt;
      &lt;th&gt;Three&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Apples&lt;/td&gt;
      &lt;td&gt;Carrots&lt;/td&gt;
      &lt;td&gt;Steak&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Oranges&lt;/td&gt;
      &lt;td&gt;Potato&lt;/td&gt;
      &lt;td&gt;Pork&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td&gt;Pears&lt;/td&gt;
      &lt;td&gt;Peas&lt;/td&gt;
      &lt;td&gt;Chicken&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  
  
  &lt;/center&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>How can i resolve this?</p>