CSS：hover选择器不起作用-为什么？

Question

This is my CSS:

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

It just wont work on hover. If I put the font-size: 14px; inside the selector without :hover , it works and the font size is changed, so why not on hover?

Unfortunately I can not share the markup, is a local installation only so far.

Thanks!

Answer 1

you can try to add !important to your style in order to set the priority on the other style rules:

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

If it doesn't work you probably should check your selector, in this case you can try to add the style to all the span tags (just to be sure that the selector is correct):

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