多个类css选择器不能使用：悬停

Question

我有以下css选择器无效：

.button.button-green:hover

但是，如果我这样做，它可以正常工作：

.button-green:hover

这是CSS的一个已知问题吗？有没有办法解决这个问题（除了只使用一个类进行悬停）？

Answer 1

请参阅以下jsbin以了解一些不同的选项： http://jsbin.com/akowix/1/

你的HTML是什么样的？

• 你有一个同时包含“button”类和“button-green”类的元素吗？
• 或者你有一个带有“button”类的元素，其中包含一个带有“button-green”类的元素？
• 或者你有两个不同的元素，一个是“按钮”类，一个是“按钮 - 绿色”类，你想要将悬停规则应用于两者？