title: Target only one of the buttons with CSS
body: <p>This is a 2 part question, the first one being how do I change the design on only one of my two buttons? I have two submit buttons in HTML, coding being</p>
  
  <pre><code>&lt;center&gt;
    &lt;input type='submit' name=skicka value=BEKR&amp;Auml;FTA&amp;nbsp;DRAG&gt;
    &lt;input type='submit' name=skicka2 value=STARTA&amp;nbsp;OM&gt;
  &lt;/center&gt;
  </code></pre>
  
  <p>and I want to change the design on them individually in CSS. I've tried with this for the first button (in CSS):</p>
  
  <pre><code>input:first-child{
      font-size: 20px;
      font-family: Tunga;
      background-color: rgb(051,103,149);
      color: white;
  }
  </code></pre>
  
  <p>and it works, but </p>
  
  <pre><code>input:second-child{ "other coding stuff"} 
  </code></pre>
  
  <p>doesn't work to change the other one. What's the problem?</p>
  
  <p>My second question is, how do I place a small "replay"-icon in the far left of the second button? I've tried with this:</p>
  
  <pre><code>background-image: url('replaybutton.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding-left: 40px;
  </code></pre>
  
  <p>inside the input field but it just doesn't show up. What's the problem here? I'll happily reply to any possible questions. :)</p>