将鼠标悬停在背景 DIV (CSS) 上时更改按钮颜色

Question

抱歉，如果应该已经有解决方案，但是，我已经搜索了所有内容，但找不到针对此特定问题的解决方案。

我有以下（简化的）场景：背景图片（::after），上面有一个按钮。

.background::after {
opacity: .5;
}

.background:hover::after {
opacity: 1;
}

.button {
color: #000;
}

现在我想要实现的是在将鼠标悬停在背景上时将按钮颜色从黑色更改为白色。

我希望这样的事情会奏效，但它没有：

.background:hover::after > .button {
color: #fff;
}

尽管我过去曾成功完成类似的任务，但现在我不知所措，无论它实际上应该多么明显。我可能错过了什么。

有人能把我引向正确的方向吗？

非常感谢。

Answer 1

是的，我的错。当然，它可以在没有伪元素的情况下工作：

.background:hover .button {
color: #fff;
}