title: How to apply css style for a span containing an active link
body: <p>I currently have 2 links enclosed within 2 spans however when a link is clicked an dis active, the link has a class"linkActive". I need to apply a border for the span containing the active link how can one do this in css styles</p>
  
  <pre><code>     HTML
          &lt;div&gt;
             &lt;span class="sec"&gt;
                &lt;a&gt;Link1&lt;/a&gt;
             &lt;/span&gt;
             &lt;span class="sec"&gt;
               &lt;a class="linkActive"&gt;Link2&lt;/a&gt;
             &lt;/span&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>I would like to apply border to span containing the anchor tag with link active class</p>
  
  <pre><code> i tried    span.sec a.linkActive{
                   border-bottom: 3px solid black;
               }
  </code></pre>
  
  <p>It does not seem to work. Any help will be appreciated</p>