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

    c# - passing input text from view to contoller with FacebookContext using Facebook app -

    ios - Does Core Data autoupdate a many to many relationship on saving -

    Calling a C++ function from C# by passing a string with variable size to it -