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

Question

如何将 class 属性应用到具有纯 CSS 选择器的 class？示例：

.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;
    }
}

CSS Selectors - How to apply a defined class on the selector's event