title: CSS/SCSS/bootstrap :: override print settings in bootstrap :: change background:transparent ! important to a color
body: <p>I have a problem with the bootstrap CSS/print.</p>
  
  <p>In bootstrap CSS (reset.css) everything is cleared for printing</p>
  
  <pre><code>@media print {
    * {
      text-shadow: none !important;
      color: black !important;
      background: transparent !important;
      box-shadow: none !important;
    }
  }
  </code></pre>
  
  <p>But I have to print several lines in color. My table looks like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div id="task-summary"&gt;
          &lt;div id="process-summary"&gt;
              &lt;table class="table table-condensed"&gt;
                  &lt;tbody&gt;
                      &lt;tr class="success"&gt;
                          &lt;td&gt;
  </code></pre>
  
  <p>I embeded this into my code, but it does not work:</p>
  
  <pre><code>@media print {
  
    #task-summary{
      .success{
        background-color: #DFF0D7 !important;
      }
    }
  }
  </code></pre>
  
  <p>I've already tried if the css is excepted by using display: none .. it works (line is not displayed) and seems to be on the right place. </p>
  
  <p>Does someone have an idea how I can manage to override the bootstrap css command, without editing the reset.css of bootstrap?</p>