title: CSS / Bootstrap 3: remove styling from links
body: <p>I am trying to remove styling from links (anchor tags) in the following lines so that the links appear with black color and no underlining by default. For some reason my CSS class ("<code>deco-none</code>") is ignored here and they still appear in blue as normal links (I am using IE9 and Bootstrap 3). </p>
  
  <p>What do I have to change here ?</p>
  
  <p><strong>My HTML:</strong> </p>
  
  <pre><code>&lt;div class="row" style="width:400px;"&gt;
      &lt;ul class="list-unstyled col-md-4"&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test1-1&lt;/a&gt;&lt;/li&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test1-2&lt;/a&gt;&lt;/li&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test1-3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="list-unstyled col-md-4"&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test2-1&lt;/a&gt;&lt;/li&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test2-2&lt;/a&gt;&lt;/li&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test2-3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;ul class="list-unstyled col-md-4"&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test3-1&lt;/a&gt;&lt;/li&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test3-2&lt;/a&gt;&lt;/li&gt;
          &lt;li class="bg-menu clickable"&gt;&lt;a href="#" class="deco-none"&gt;test3-3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>My CSS:</strong> </p>
  
  <pre><code>a.deco-none: {
      color:#000000 !important;
      text-decoration:none;
  }
  
  .bg-menu:hover {
      background-color:#0079C1;
      color:#FFFFFF;
  }
  
  .clickable {
      cursor:pointer; 
  }
  </code></pre>