jquery - how to change text color hover -


When I & lt; Li & gt; How do I change the text color? Now I have to do more than the text.

Demo

HTML

  & lt; Nav id = "NAV" & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Contact us & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Employment & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Benefits & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "" & gt; Form & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt;  

CSS:

Navi #New {width: 192px; Background: #fff; Padding: 0px; } Nav # nav a {color: # 18819c; } Nav # NAv ul li {Height: 30px; Width: 192 px; Margin: 5 px 0 px-5px-10px; Padding: 5px 0px 0px 10px; Border bottom: 2px solid # c9dce1; } Nav # NAv ul li: Hover {background: # 0f7691; Color: #fff; } Nav # nav ul li a: hover {color: #FFF; }

add display: block; and height: 100%; Your nav # nav a link:

  nav # nav a {color: # 18819c; Display area; Height: 100%; }  

The links are inline by default, and by blocking them and increasing the height, they list items.


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -