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
Post a Comment