title: Specific class with anchor css
body: <p>I am trying to override the style on the following HTML:</p>
  
  <pre><code>&lt;a class="ui-state-default" href="#"&gt;7&lt;/a&gt;
  </code></pre>
  
  <p>The issue is that the <code>ui-state-default</code> class is used in many other places so I cannot just update it. I have tried the following to no effect.</p>
  
  <pre><code>.ui-state-default a { 
      width:27px !important;
  }
  
  .ui-state-default: a {
      width:27px !important;
  }
  
  a.ui-state-default { 
      width:27px !important;
  }
  </code></pre>
  
  <p>How can I target just this one anchor tag for a style change?</p>