css - a:hover color change not working properly -


I have a group of anchors elements, and I'm trying to make them a black background with white text hover On. Each anchor tag is wrapped in li. The funny thing is that, only a few anchors change their style on the circle of elements, and nothing else. For example, the first three menu items in the menu change the text color, but the rest do not change colors. The background color works for every item that is my code:

  a, a: visited (color: black; text-decoration: none; cursor: indicator;} a : Hover, one: hover span {color: white! Important; background: black; text-decoration: none;} & lt; div id = "navblock" & gt; & lt; ul class = "nav fullwidthnav" & gt; 
  • a href = "/ collection / top"> top
  • OUTERWEAR & lt; lt; / li & gt; & lt; li & gt; & lt; ; Li & gt; & Lt; A href = "/ store / shoes" & gt; Shoes & lt; / A & gt; & Lt; / li & gt; & Lt; / Ul & gt; & Lt; Div class = "clear" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - #navblock - & gt;

    A: visited is your culprit.

    It is not being overridden by a: hover because both of these have been visited and the hover is therefore a: visited: hover Should work in a modern browser but potentially not IE compatible.

    There may be a question to ask if you really need the "visit" style? Do some users really need it?

  • Comments

    Popular posts from this blog

    Java - Error: no suitable method found for add(int, java.lang.String) -

    java - JPA TypedQuery: Parameter value element did not match expected type -

    c++ - static template member variable has internal linkage but is not defined -