Question

JSFiddle Demo

<li class="HIS-Magnifier Menu-Drop Active"></li>

以上代码片段在JSFiddle上可见，在成为＆＃39; Active＆＃39;我想展示HIS放大镜和放大镜的主动风格。 Menu-Drop然而我似乎只能实现一个或另一个来显示他们的活跃类。

我不确定自从我因为并发症，希望可行和轻微的不幸事故而休息8个月后，到目前为止，我是否因为我的简单进展而挨打？...

活跃班级

.Menu-Drop.Active {
    background:url(...) repeat-x;
    border-left: 1px solid #d1a800;
    border-top: 1px solid #d1a800;
    border-right: 1px solid #d1a800;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

一个图标处于活动状态;

.HIS-List.Active { background-position: -28px -8px; }
.HIS-List.Active:hover { background-position: -105px -8px; }

Answer 1

make .HIS-Magnifier风格重要

background-image: url(http://rafflebananza.com/RaffleBananza-NEW/Desktop/Assets/IMG/default/TopNav/IconSet.png) !important;

显示活动样式的两个类

活跃班级

1 个答案: