html - CSS Dropdown Menu - Sub Menu Hover Text Color Inheritance -

-

i've been working on css dropdown menu struggling sub menu text color.

as expected, sub menu background color remains in hover color text reverts non-hover state.

for example, when hovering item 9 need text in "menu, item 3 , item 6" same (white) item 9.

i thinking inheritance issue can't seem figure out.

here css

.clearboth {     margin: 0;     padding: 0;     clear: both; } #nav {     font-family: sans-serif;     font-size: 12pt;     color: #666666;     line-height: 1.0; } #nav {     display: block;     padding: 6px 8px; } #nav a:link {     color: #666666;     text-decoration: none; } #nav a:visited {     color: #666666;     text-decoration: none; } #nav a:hover {     color: white;     text-decoration: none; } #nav ul {     margin: 0px;     padding: 0px;     list-style: none;     left: -1px; } #nav ul ul {     position: absolute;     visibility: hidden;     border: solid 1px gray; } #nav ul ul ul {     position: absolute;     visibility: hidden;     left: 100%;     top: -2px;     border: solid 1px gray; } #nav li.menu {     float: left;     background-color: white;     margin-right: 0px;     position: relative;     border: solid 1px gray;     border-radius: 10px;     width: 100px;     text-align: center; } #nav li.menu:hover {     background-color: #66a3e0;     border-radius: 0px;     text-align: left; } #nav li {     float: left;     position: relative;     background-color: white;     width: 100px;     margin-top: 0px;     margin-right: 0px; } #nav li li {     float: left;     position: relative;     background-color: white;     width: 100px;     margin-top: 0px;     margin-right: 0px; } #nav li:hover {     background-color: #66a3e0;     color: white; /* no effect. inheritance? */ } #nav li li:hover {     background-color: #66a3e0;     color: white; /* no effect. inheritance? */ } #nav li:hover > ul {     visibility: visible; } .right-arrow {     float: right; }

and html

<div id="nav">     <ul>         <li class="menu"><a href="#">menu</a>              <ul>                 <li><a href="#">item 1</a>                 </li>                 <li><a href="#">item 2</a>                 </li>                 <li><a href="#">item 3<span class="right-arrow">&#9658;</span></a>                      <ul>                         <li><a href="#">item 4</a>                         </li>                         <li><a href="#">item 5</a>                         </li>                         <li><a href="#">item 6<span class="right-arrow">&#9658;</span></a>                               <ul>                                 <li><a href="">item 7</a>                                 </li>                                 <li><a href="">item 8</a>                                 </li>                                 <li><a href="">item 9</a>                                 </li>                             </ul>                         </li>                     </ul>                 </li>             </ul>         </li>     </ul>     <br class="clearboth" /> </div>

any help, ideas or other suggestions appreciated. thank you.

http://jsfiddle.net/tinkering/wd7xy/

add

#nav li:hover > a, #nav li:hover > a:link, #nav li:hover > a:visited{     color:white; }

demo: http://jsfiddle.net/eb97n/


Comments

Post a Comment

Popular posts from this blog

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get...
Read more

Change the color of an oval at click in Java AWT -

-
i have draw ovals in java, , @ click change color. beginning tried change color after 20 ms, doesn't work. my code is: public class mycomponentnew extends frame { public graphics2d g2d; public mycomponentnew(string title) { super(title); setsize(400, 550); } @override public void paint(graphics g) { this.g2d = (graphics2d) g; this.g2d.setcolor(color.red); this.g2d.filloval(10, 55, 50, 100); } public void changecolor () { this.g2d.setcolor(color.blue); this.g2d.filloval(10, 55, 50, 100); } } and in class main method have: mycomponentnew m; m = new mycomponentnew("fereastra cu baloane"); m.setvisible(true); m.addwindowlistener(new windowadapter() { @override public void windowclosing(windowevent we) { system.exit(0); } }); try { thread.sleep(20); } catch(interruptedexception e) {} m.changecolor(); the color of oval remains red. ...
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more