Изменение цвета кнопки при наведении: альтернативное решение

При попытке изменить цвет кнопки при наведении может возникнуть неприятность, если решение не дает желаемого эффекта. Рассмотрим приведенный пример кода:

a.button {
   ...
}
a.button a:hover{
     background: #383;
}

Это решение пытается изменить цвет фона ссылки при наведении на нее курсора внутри элемента с помощью кнопки класса. Однако это не работает, поскольку селектор неправильный.

Чтобы эффективно изменить цвет кнопки при наведении, правильный синтаксис:

a.button:hover{
     background: #383;
}

В этом случае селектор «a.button:hover» нацелен на саму ссылку «кнопка» при наведении на нее курсора, что позволяет изменить цвет.