css - 更改单个菜单项上的事件链接颜色

Question

我在我的网站菜单上创建了一个按钮，并想给它单独的事件链接颜色，我该怎么做呢？在理想情况下，按钮应为粉红色 (#ed6d8d)，事件文本颜色应为白色。目前默认的事件菜单项颜色是蓝色 (#00bcd1)，因此会与粉红色发生可怕的冲突 - 任何建议将不胜感激!

我使用以下 CSS 代码来创建按钮:

 #in-crisis li a:hover {opacity: 1!important;
    color: #ffffff;}

.in-crisis a {
    border: 2px solid #dbf7ff!important;
    padding: 12px!important;
    margin: 10px 12px 12px 12px;
    border-radius: 12px;
    text-align: center;
    background-color: #dbf7ff;

}

.in-crisis a:hover {
    background-color: #fff;
    color: #00bcd1!important;
    border: 2px solid #00bcd1 !important;
}

.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}

#main-header.et-fixed-header .in-crisis a {
color: #00bcd1 !important;
}

@media only screen and (max-width: 980px) {
.in-crisis a {
    background-color: #dbf7ff;
    }
}

@media only screen and (min-width: 980px) {
#et_top_search { 
    margin-top: 25px !important; }
}

非常感谢。

Answer 1

我不知道你是在谈论 hover 还是 active 但对于 active css 你应该使用

.in-crisis a:active {
  color: white;
  //or anything else here
}