css - 如果该标签具有当前类，我如何使悬停在标签上不改变颜色？

Question

我有以下 HTML：

  .navigation {
        a {
            color: #BBBBBB;
            &.current {
                color: #FFFFFF;
            }
            :hover {
                color: #EEEEEE;
            }
        }
    }

有没有一种方法可以使我将鼠标悬停在具有当前类的地址上时，它不会将颜色更改为悬停颜色？

Answer 1

看看http://jsfiddle.net/TCmCt/

a.navigation.current:hover

Answer 2

使用（:not）：

        &:not(.current):hover {
            color: #EEEEEE;
        }

Answer 3

您可以使用否定选择器：

&:not(.current):hover {
  color: #EEEEEE;
}

关于它的萌信息：https ://developer.mozilla.org/en-US/docs/Web/CSS/:not