Question

您好我正在使用转换颜色的全局代码

* {
    transition: color 0.6s ease 0s;
}

并且我不希望它在主菜单标签上标记为HOME，MYTEAM，GAMEDAY等的悬停状态中处于活动状态。

网站 http://www51.myfantasyleague.com/2017/home/36888#0

当我添加转换无时，它不起作用。

.myfantasyleague_tabmenu #homepagetabs li:hover {
    background-color: rgba(218, 54, 54, 0.7);
    box-shadow: none;transition:none;
}

我必须没有正确的代码才能停止标签上的过渡颜色，请你帮我一下。 THX

Answer 1

您应该在元素上进行转换而不是悬停..

.myfantasyleague_tabmenu #homepagetabs li{
   -webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}

我建议不要使用*选择器来设置转换...，因为它将设置为所有元素。更好的方法是应用于类，并在需要的地方使用它

Answer 2

您必须将transition: none置于li但不能置于:hover州：

.myfantasyleague_tabmenu #homepagetabs li {
    /* other css*/
    transition: none;
}

限制某些元素的全局颜色过渡

2 个答案: