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