title: CSS: Remove specific style without actually removing it from said CSS file
body: <p>I am trying to mobilize a webpage. I to keep most of the current styles, but I also want to either override, or remove other styles. I know <code>!important</code> will override a style, but what if I just want to remove that specific style completely for the current page without removing it from the style sheet? </p>
  
  <p>For example, what if I wanted to remove <code>width</code> or <code>min-width</code> from an element's style, but I did not want to specify another <code>width</code>. I am using jQuery Mobile, which takes care of a lot of those styles.</p>
  
  <p>In this example I would have the files <code>Styles.css</code> and <code>StylesMobile.css</code>, where <code>Style.css</code> would have the following:</p>
  
  <pre><code>.buttonStyle {
    width: 100px;
    text-align: left; 
  }
  </code></pre>
  
  <p>while <code>StylesMobile.css</code> has:</p>
  
  <pre><code>.buttonStyle {
    height: 10%;
    color: Red; 
  }
  </code></pre>
  
  <p>I still want the <code>text-align: left;</code> from <code>Styles.css</code>, but not the width (along with the <code>StylesMobile.css</code>). </p>