html - CSS 选择器 - 如何在选择器的事件上应用定义的类

Question

如何将类属性应用于具有纯 CSS 选择器的类？示例:

.one{color:red;}

.two{color:blue;}
.two:hover{ /*Apply class ".one" to class ".two" when the event is triggered */}

Answer 1

很简单:

.two {
    color: blue;
}
.one, .two:hover {
    color: red;
}

希望对您有所帮助! 如果你曾经移植到 SASS，你可以把它做得更干净一些，比如:

.one {
    color: blue;
}
.two {
    color: red;
    &:hover {
        @extend .one;
    }
}