Mouse hover not working?
<p>I am working on some HTML5 pages where I used CSS hover property on a hyperlink. I want that when click on some titles as shown in image the hover color is get fix and right now when we hover on other titles hove are working and if we click other their color will be fix and first one will white and specially all the time hover are working.</p>

<p>In my case everything works fine, when I click on title color is fixed but the hover to other titles are not working I used JavaScript's onclick event to fix hover color.</p>

<p><img src="https://i.stack.imgur.com/olNnq.png" alt="Title Hover Problem"> </p>

<pre><code>&lt;a href="#Main-Services-Page" id="Services-TechnicalSupport-Link-Button" onClick="ShowTechnicalSupportDiv();FixHeadercolorTechnicalSupportBlue();FixHeadercolorSmartCloudServicesWhite();FixHeadercolorInteriorDesignServicesWhite();FixHeadercolorUiCustomizationWhite();ServicesProductEnqBlueMiddleIcon()"&gt; 
   Technical Support 
&lt;p class="SubTitleHeadings" style="font-size:13px; line-height:15px"&gt; We serve customers problems &lt;/p&gt;
&lt;p class="SubTitleHeadings" style="font-size:13px; line-height:1px"&gt; on technical issues&lt;/p&gt;            
&lt;/a&gt;

 function FixHeadercolorTechnicalSupportBlue()
 {
   var col=document.getElementById("Services-TechnicalSupport-Link-Button");
   col.style.color="#66ffff";
 }
</code></pre>