Note that there are some explanatory texts on larger screens.

plurals
  1. POIs there a way to override all css rules applying to <a> tag
    primarykey
    data
    text
    <p>Edit: is there a way to change the color of a clicked link and keep it that color until another link in the navigation bar is clicked? Can anyone provide me with a Javascript code which is hard coded and changes the color of a clicked active link?</p> <p>Edit: I also inspected the element in the Chrome browser and when I inspect the element and look in the styles section, there is no CSS which forces the clicked and active link to be white. Is there a way to check if there is a Javascript code which does that? I don't know much Javacsript code so I wouldn't know what to look for. Also, how would I force :active on an element using Chrome DevTools?</p> <p>Basically, I bought a template of a website online and have the code. The template has many files and is very javascript based. So in the navigation bar, if I click a link, the web page wont change, the layout will change and the web link will change (it will go from, say, site.com/index to site.com/contacts) but the actual web page won't change. Also, the links in the navigation bar are all green and when I click a link, the active link will be glowing white while all the other links are green. I can't find where this part of the code is so I am wondering is if there is a way to just override all css rules which apply to the tag and just do </p> <pre><code>a:avtive { color: red; } </code></pre> <p>I did try</p> <pre><code>a:active { color: red !important; } </code></pre> <p>but that didn't work, it didn't do anything. </p> <p>So far my code is</p> <pre><code>&lt;nav class="menuL"&gt; &lt;ul id="menu"&gt; &lt;li&gt;&lt;a href="#!/page_about"&gt;&lt;span&gt;&lt;/span&gt;biography&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#!/page_portfolio" id="portmenu"&gt;&lt;span&gt;&lt;/span&gt;portfolio&lt;/a&gt;&lt;/li&gt; &lt;ul id="submenu"&gt; &lt;li class="subclass" id="first"&gt;&lt;a href="#!/page_wine"&gt;Wine&lt;/a&gt;&lt;/li&gt; &lt;li class="subclass" id="second"&gt;&lt;a href="#!/page_landscape"&gt;Landscape&lt;/a&gt;&lt;/li&gt; &lt;li class="subclass" id="third"&gt;&lt;a href="#!/page_divers"&gt;Divers&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/ul&gt; &lt;/nav&gt; &lt;nav class="menuR"&gt; &lt;ul id="menu2"&gt; &lt;li&gt;&lt;a href="#!/page_galleries"&gt;&lt;span&gt;&lt;/span&gt;galleries&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#!/page_contacts"&gt;&lt;span&gt;&lt;/span&gt;contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload