CSS: селектор hover не работает - почему?

Question

Это мой CSS:

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

Это просто не будет работать при наведении курсора мыши. Если я поставлю font-size: 14px; внутри селектора без :hover, он будет работать и размер шрифта будет изменен, так почему бы не навести курсор?

К сожалению, я не могу разделить разметку, это локальная установка только до сих пор.

Спасибо!

Answer 1

вы можете попробовать добавить важны для вашего стиля для того, чтобы установить приоритет на других правилах стиля:

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

Если это не работает, вам, вероятно, следует проверить селектор, в этом случае можно попробовать добавить стиль для всех тегов пролетных (просто чтобы быть уверенным, что селектор правильно):

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