title: How to keep the underline effect in this demo stay using CSS?
body: <p>I'm a beginner in CSS, and I would like to know how to keep the underline effect (when hovering over links in <a href="http://jsfiddle.net/bah4D/" rel="nofollow">this demo</a>) permanent. I can use jQuery or javascript to have a focus on the element, but I would like the underline to stay even after mouse focus has been shifted. Thank you.</p>
  
  <pre><code>    &lt;section class="blue-green"&gt;
      &lt;nav id="cl-effect-4" class="cl-effect-4"&gt;
          &lt;a id="focus-this" href="index.html"&gt;+ Create New&lt;/a&gt;
          &lt;a href="launch_approved.html"&gt;Launch Approved Campaigns&lt;/a&gt;
          &lt;a href="pending.html"&gt;Pending Approval&lt;/a&gt;
          &lt;a href="record.html"&gt;Your Campaign Record&lt;/a&gt;
      &lt;/nav&gt;
      &lt;/section&gt;
  </code></pre>