请看一下:http://www.themeforward.com/demo2. 当我将鼠标悬停在带有子菜单(如“模板”)的菜单项上,并将鼠标悬停在子菜单项上时,背景颜色保持不变。。。但文本的悬停颜色不是。
如何在滚动子菜单时使字体颜色保持不变?我在google上搜索了所有的东西,都找不到解决方案。Superfish网站没有提供这个问题的CSS示例,也没有提供关于这个问题的答案。I usually wouldn\'t post this as a question here since it is a CSS question, but I believe it may also be related to a WordPress\' current category feature.
使用此CSS可以获得背景色,但字体颜色的表现方式不同:
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active {
background: #CFDEFF;
color: #222;
outline: 0;
}
下面是整个CSS:
.sf-menu {
z-index: 900;
font-size:13px
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
padding: 5px 10px;
color: #FFF;
text-decoration:none
}
.sf-menu li {
margin:20px 0 0 20px;
z-index: 900
}
.sf-menu li li {
z-index: 900;
margin:0;
padding:0;
background:#DDD;
}
.sf-menu li li li {
background: #DDD;
margin:0;
z-index: 900
}
.sf-menu > li:hover, .sf-menu > li.sfHover,
.sf-menu > li a:focus, .sf-menu > li a:hover, .sf-menu > li a:active {
background: #CFDEFF;
color: #222;
outline: 0;
}
.sf-menu .current-post-ancestor a, .sf-menu .current-menu parent a, .sf-menu .current-page-ancestor a, .sf-menf .current-category-ancestor a, .sf-menu .active_category a, .sf-menu .current-menu-item a { color:#000 }
ul .sub-menu { border:1px solid #DCDCDC }
ul li .sub-menu a { color:#666!important; font-weight:normal; font-size:11px; padding:5px!important }
.sf-menu > li li:hover, .sf-menu > li li.sfHover,
.sf-menu > li li a:focus, .sf-menu > li li a:hover, .sf-menu > li li a:active {
background: #EEE
}