title: How to change the color of an anchor tag in a list for being active while already set to another color?
body: <p>I have already set the text color of anchor tag in a list as BLACK in the CSS file. Now I want to declare a list item as active and change its text color, but it doesn't work. Help please! </p>
  
  <p>Here's the preset color:</p>
  
  <pre><code>#already-set li a
  {
      font: normal 14px Arial;
      border-top: 1px solid #ccc;
      display: block;
  
      color: black;
  
      text-decoration: none;
      line-height:26px;
      padding-left:5px;            
  }
  </code></pre>
  
  <p>And here's the code to change active list item color: </p>
  
  <pre><code>a#active
  {
      background-color: #d11250;
  
      color: white;
  
      font-weight:bold;   
  }
  </code></pre>
  
  <p>And here's my HTML: </p>
  
  <pre><code>&lt;ul id="already-set"&gt;                               
    &lt;li&gt;&lt;a href="#" id="active"&gt; List Item &lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>