CSS：悬停选择器不工作 - 为什么？

Question

这是我的CSS：

.add-to-cart button.button > span:hover {
    font-size: 14px;
}

它只是不会悬停。如果我将font-size: 14px;放在没有:hover的选择器内，它会起作用并且字体大小会改变，那么为什么不悬停呢？

不幸的是我无法共享标记，到目前为止只是本地安装。

谢谢！

Answer 1

您可以尝试在您的样式中添加！important，以便为其他样式规则设置优先级：

.add-to-cart button.button > span:hover {
    font-size: 14px !important;
}

如果它不起作用，你可能应该检查你的选择器，在这种情况下你可以尝试将样式添加到所有span标签（只是为了确保选择器是正确的）：

span:hover {
    font-size: 14px !important;
}