title: What is the best way to override/remove certain attribute in an externally hosted css (specifically Google CDN jquery-ui.css)?
body: <p>I am using Google CDN to host <a href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/smoothness/jquery-ui.css" rel="noreferrer">one of jQuery UI theme's CSS</a>.</p>
  
  <p>However there are some css properties that I would like to override.</p>
  
  <p>I understand it's possible to do it with jQuery <code>.removeClass()</code> or <code>.css()</code>, but can I do it with my own css file?</p>
  
  <p>For example, in the jQuery UI theme's css, there is</p>
  
  <pre><code>.ui-widget {
      font-family: Verdana, Arial, sans-serif;
      font-size: 1.1em;
  }
  </code></pre>
  
  <p>How would I remove the <code>font-size</code> attribute? I don't necessary want to override it. I just want to completely remove it so that the <code>font-size</code> defaults back to the <code>body</code> property of <code>0.75em</code>.</p>