title: How to remove hover effect from CSS?
body: <p>I'm currently having a text as hyperlink and on this some CSS code is getting applied. Due to which on hover the text got underline and font gets bold on hover event. But now what I want to do is remove the hyperlink and apply the same effect bydefault i.e. not on hover. In short I want to apply the style currently applying on hover without hovering the text. My HTML and css code is as follows:</p>
  
  <pre><code>.faq .section p.quetn a:hover {
      text-decoration:underline;
      font-weight:bold
  }
  &lt;p class="quetn"&gt;&lt;a href=""&gt;5.14 Where do i see my test results?&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>One more important thig is I can't change the above written CSS, I want to override the above CSS code by writing a new class. Can you help me in achieving this? Thanks in advance.</p>