title: How can I override an external css?
body: <p>I'm using the YUI Javascript framework, which gives me a calendar widget that comes with a css file. These are included at the top of my Site.Master file. I'd like to override the style associated with the widget, but I can't seem to figure out how.</p>
  
  <p>I've tried adding an entry for the widget's class:</p>
  
  <pre><code>.yui-calendar
  {
   height:10;
   width:10;
  }
  </code></pre>
  
  <p>in both my local css file, and in a style tag in the master file. When I use Internet Explorer's developer tools to look at the page's style, it lists 3 sources for that class's style: my local css file, the ASP.Net view for the page, and the external YUI css. It never references the master file, and even when I've got the class in my local css file, the style doesn't appear in the developer tools list of styles (I don't see .yui-calendar in the list it gives me).</p>
  
  <p>So the question is, what's the proper way to override the style for the class coming in from the external css file?</p>