Currently, I am implementing a Jquery plugin known as fatNav. The documentation for the plugin can be found here: https://github.com/Glitchbone/jquery-fatNav
Although everything is functioning properly, I am encountering difficulty getting my active state to function correctly. It seems that it only works when declared inline, as shown below:
<li><a href="index.php" style="color:#F00">Home</a></li>
However, I desire for this functionality to work within the external stylesheet (style.css).
It is worth noting that the jquery plugin's stylesheet does not contain any declarations for active or hover states.
I have managed to get the hover state working by adding the following code:
.fat-nav li a:hover {color: #F0F0F0}
Unfortunately, the active state still refuses to respond with the following code:
.fat-nav li a:active {color: #f00}
Despite attempting various solutions such as using !important and adjusting the placement of styles within the Bootstrap framework, the issue remains unresolved.
If anyone could offer their assistance in resolving this matter, it would be greatly appreciated!