title: Erasing a CSS attribute inherited from a CSS file using in-line CSS
body: <p>I know that you can override a <strong>CSS</strong> attribute that a <strong>jsp</strong> page inherits from a jsp include CSS file (i.e. a global CSS file).<br>
  But what if there is an attribute within a element that is messing up a particular page and I want to not have it being used in that page only using in-line CSS? For example, right now I have this in my include CSS file:</p>
  
  <pre><code>#breadcrumb { width: 100%; border: 2px solid white; font-size: 9px; color: #330066; margin-top: 0; }
  </code></pre>
  
  <p>But the width: 100% is messing up the look of one of my jsp page. I want to not use width: 100% in that page for #breadcrumb through in-line CSS, so what would I have to put into this on that jsp page so it doesn't use that attribute in #breadcrumb:</p>
  
  <pre><code>&lt;style&gt; 
  #breadcrumb {
  
  }
  &lt;/style&gt;
  </code></pre>