title: css on different input classes
body: <p>hello i have the following problem:</p>
  
  <p>i do check my form for some php error messages.</p>
  
  <p>in case of no error i simply have my css setting:</p>
  
  <pre class="lang-css prettyprint-override"><code>.wrapper #frame form fieldset ul input {
      color: #f23;
      font-size: 10px;
      height: 18px;
      padding-left: 5px;
      margin-top: 3px;
      outline:none;
  }
  </code></pre>
  
  <p>and my focus settings:</p>
  
  <pre class="lang-css prettyprint-override"><code>.wrapper #frame form fieldset ul input:focus{
      color:#fff;
      font-weight: bold;
      border: 2px solid #fff;
  }
  </code></pre>
  
  <p>okay, now i changed this line:</p>
  
  <pre><code>&lt;input type="text" id="normal" name="1" value=""/&gt;
  </code></pre>
  
  <p>with adding the class of error:</p>
  
  <pre><code>&lt;input class="err" type="text" id="normal" name="1" value=""/&gt;
  </code></pre>
  
  <p>the problem is that my settings just take place for my class details on the input fields but not on my focus settings:</p>
  
  <pre class="lang-css prettyprint-override"><code>.err {
      color: #444444;
      font-size: 10px;
      width: 180px;
      height: 18px;
      padding-left: 5px;
      outline:none;   
      background-image: url(../images/error.png);
  }
  .err input:focus{
      color:#f23;
      font-weight: bold;
      border: 2px solid #f23;
  }
  </code></pre>
  
  <p>so if there is someone who could tell me why this does not work i really would appreciate. thanks a lot.</p>