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