title: Possible to do input:last-child without choosing submit?
body: <p>Heres a snippet of the HTML I am using, to test this:</p>
  
  <pre><code>&lt;form action="#" method="post"&gt;
      &lt;input name="username" type="text" placeholder="Username" /&gt;&lt;br /&gt;
      &lt;input name="password" type="password" placeholder="Password" /&gt;&lt;br /&gt;
      &lt;input name="emailAddress" type="email" placeholder="Email Address" /&gt;&lt;br /&gt;
      &lt;input type="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And heres a snippet of the CSS I am using, to test this:</p>
  
  <pre><code>form {
      width:300px;
      overflow:auto;
      margin:20px 0 0;
      padding:0;
  }
  /*-Inputs-*/
  form input[type=text]:focus, form input[type=password]:focus {outline:0;}
  
  form input {
      width:calc(100% - 22px);
      margin:0;
      padding:10px;
      background:#FFF;
      border:none;
      border-left:solid 1px #CCC;
      border-right:solid 1px #CCC;
  }
  form input:first-child {
      border-top-left-radius:5px;
      border-top-right-radius:5px;
      border-top:solid 1px #CCC;
  }
  form input:last-child {
      border-bottom-left-radius:5px;
      border-bottom-right-radius:5px;
      border-top:none;
      border-bottom:solid 1px #CCC;
  }
  </code></pre>
  
  <p>Is it possible for the <code>form input:last-child</code> to ignore the <code>[type=submit]</code>?
  So that the CSS would see <code>[type=email]</code> as the last child?</p>
  
  <p><strong>Note: Although this won't always be the layout, there will always be a submit button within my forms, which I'd like <code>:last-child</code> to be able to ignore.</strong></p>