title: How do I select the “last child” of tr in my class should have no background styles
body: <p>Here is the Working code, I just want to have the <strong>last child for tr</strong> should be clean without any css.</p>
  
  <p>Here is my working <a href="http://jsfiddle.net/S5tB7/3/" rel="nofollow noreferrer"><strong>FIDDLE</strong></a></p>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;form id="frmAdmin" method="post" enctype="multipart/form-data"&gt;
  
      &lt;fieldset&gt;
          &lt;legend&gt;Create Heading Details&lt;/legend&gt;
          &lt;table class="admin-table"&gt;
              &lt;tbody&gt;&lt;tr&gt;
                  &lt;td&gt;Title&lt;/td&gt;
                  &lt;td&gt;&lt;input id="Footer" name="Footer" type="text" value=""&gt;
              &lt;tr&gt;
                  &lt;td&gt;Priority&lt;/td&gt;
                  &lt;td&gt;&lt;input data-val="true" data-val-number="The field Priority must be a number." id="Priority" name="Priority" type="text" value=""&gt;           
              &lt;tr&gt;
                  &lt;td&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="submit" value="Save"&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>form {
      height: 100%;
      margin: 0px;
  }
  fieldset {
      width: 79%;
      border: 1px solid lightgrey;
      border-radius: 10px;
      margin-top: 20px;
  }
  .admin-table {
      width: 100%;
  }
  .admin-table td {
      background-color: grey;
      border-bottom: 1px solid lightgrey;
      height: 60px;
  }
  .admin-table  tr:last-child {
      text-decoration: none;
  }
  </code></pre>
  
  <p><strong>My output comes likes this:</strong>
  <img src="https://i.stack.imgur.com/2t3z1.png" alt="My output comes likes this:"></p>
  
  <p><strong>But my expected output is as like this image:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/DLPrz.png" alt="Image2"></p>