CSS: How to toggle switch action on the <a> link?
<p>I know that press signal in css is <code>:active</code>, but i still can't find a proper way to make a toggle switch for the link.</p>

<p>For example, <code>&lt;a&gt;</code> has the color blue, when <code>&lt;a&gt;</code> will be pressed first time, it's color should be red, when it is pressed second time, it's color should blue again. So basically first press is a toggle switch from blue to red, and second is vice versa.</p>

<p>I have used <code>:target</code> action which didn't seem to work out:</p>

<pre><code>a {
    color: blue;
}
a:active {
    color: red;
}
a:target {
    color: red;
}
</code></pre>

<hr>

<p>How could this be possible without use of JS? So i could toggle switch the link color to red on the first click, and then blue again at the second.</p>