title: need to override a CSS background color
body: <p>so I have the following </p>
  
  <pre><code>.select, 
  .input, 
  .schedule, 
  .editableFields 
  {
  cursor: pointer;
  background-color: blue;
  }
  </code></pre>
  
  <p>and this overrides the following: </p>
  
  <pre><code>#past .layer.color {        
  background-color: #E5D403 !important;   /*this needs to be the first priority color*/
   }
  </code></pre>
  
  <p>EDIT: If I just have this second CSS, it does work! But when I add the blue it colors all it needs to and OVERRIDES #past (I dont want it to do this!) 
  But I need the second background-color to override the first background-color. I have tried giving it lots of IDs and lots of classes and also using !important, but nothing seems to work...please help! (I don't know if it matters, but I am also using twitter bootstrap, but I have all of my css rules in a custom.css)</p>
  
  <p>I also tried adding an inline css to the html. There is a ton of html, so I'll just put the top part</p>
  
  <pre><code>&lt;div class="accordionGroups"&gt;
              &lt;div class="accordionHeading"&gt;
                  &lt;a class="accordion collapsed" data-toggle="collapse"
                      data-parent="#mainAccordion" data-target="#collapseThree"&gt; &lt;i
                      class="twistyIcon"&gt;&lt;/i&gt; Layers
                  &lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="collapseFirst" class="accordion-body collapse"&gt;
                  &lt;div class="accordion-inner scrollable"&gt;
                      &lt;ul id="layers-dropdown-menu"&gt;
                         &lt;li&gt;&lt;label class="checkbox" id="past"&gt; &lt;span class="layer color legend"&gt;&lt;/span&gt; Past
                         &lt;/label&gt;&lt;/li&gt;
  </code></pre>
  
  <p>as background-color:#E5D403 but it gave me an error and Im not sure why (maybe I put it in the wrong place in the html?)</p>
  
  <p>The following doesn't work either:</p>
  
  <pre><code>.checkbox span .layer.color.legend
  {
   background-color: #E5D403 !important;
  }
  </code></pre>