CSS翻转 - 悬停问题?

ros*_*ica 2 css rollover colors hover html-lists

翻滚时我遇到了一些麻烦......希望你能帮助我!

我正在使用li导航,我希望有单独的框链接到不同的页面.这部分很好,工作得很好.我希望能够将鼠标悬停在方框上并让方框和链接更改颜色.我可以让盒子改变没问题,当你将鼠标悬停在它上面时链接会发生变化,但当你只是悬停在盒子上时,它们是否有一种方法可以改变?这是我到目前为止所得到的:

#nav-menu ul{float: right; text-align: center;}

#nav-menu li{margin-right: 5px; list-style:none; padding-left: 1px; text-align: center; font-size: 14px;float:left; padding:0px 15px; width: 57px; position:relative;z-index:200; background: #000; color: #FFFFFF; font-family: georgia;}

#nav-menu li a{display: block; float: left; color:#fdf2e7;font-size:14px;text-decoration:none; text-align: center; padding:5px 0px 5px 0px; font-family: georgia;}

#nav-menu a:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}

#nav-menu:hover{display: block; color:#000000; text-align: center; background: #f3d5e1; text-decoration:none !important; font-family: georgia;}
Run Code Online (Sandbox Code Playgroud)

-

任何帮助将不胜感激.谢谢!:)

Ale*_*lex 5

使用li:hover时,将鼠标悬停在其目标列表项,并使用li:hover a目标锚的父列表项正在上空盘旋.