title: Last child of table stylized in CSS (no classes)
body: <p>I'm applying a style to have every odd cell with 2px solid bottom border, and every even has 1px solid bottom border.  I want to target last child to have the 2px solid bottom. this is my code as of right now (which works except the bottom having the 2px solid.)</p>
  
  <p>(please note: I am VERY new to CSS, following twitter bootstrap CSS to do what I can and adapting some of it to my site. this is my first CSS project. I know there are a lot of compatibility issues with older browsers in here, but I frankly don't care...)</p>
  
  <pre><code>.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  
  .table-striped tbody &gt; tr:nth-child(odd) &gt; td,
  .table-striped tbody &gt; tr:nth-child(odd) &gt; th {
    border-bottom: 2px solid #333;
  }
  
  .table-striped tbody &gt; tr:nth-child(even) &gt; td,
  .table-striped tbody &gt; tr:nth-child(even) &gt; th {
    border-bottom: 1px solid #333;
  }
  
  .table-striped 
  tbody  tr:last-child td {
    border-bottom: 2px solid: #333;!important
  }
  </code></pre>