'how do I return anchors to their initial state after a visit

I have a chapter-navigation table, with about 50 entries, shown in blue per web custom. The text turns red on a:hover, because the active area is the text rather than the entire <td> area (despite efforts to make the whole area work), and green briefly on a:active. This much is intentional and working.

However, browsers remembers all visits and set a color which overrides my CSS until I clear its history. Is there a way to keep the browsers from messing with my links?



Solution 1:[1]

You should follow this order.

  1. a:link
  2. a:visited
  3. a:hover
  4. a:active

If you write a:hover below a:visited, it will not work.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 kyun