html - On hover li change li link color -


I am struggling to change the font color of that particular li when hover occurs. Text hyperlink is currently changing the color of the font when you hover over the link. But I want it to be on hover over the whole li.

This is my code

  & lt; Nav class = "top_menu" & gt; & Lt; Ul class = "black_high" & gt; & Lt; Li class = "before" & gt; & Lt; A href = "#" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; News & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt;   

Demo:

I'm not sure if I want to use any kind of JS / JQUIRE to achieve it? Please suggest. Thanks in advance.

You do not need any scripts or plugins, just the right css. In your CSS, change the line:

  .top_menu ul li: hover   

to:

  .top_menu ul Lee: Hover A   

Object:

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -