Почему при смене кода цвета в :hover цвет не меняется?

Question

[misterblack]

Доброго дня. Есть кусок кода:

.external-sign-in .Twitter { background: #6aadd1 }
.external-sign-in .Twitter:after { content: "\f099" }
.external-sign-in .Twitter:hover { background: #4e97c3 }
.external-sign-in .Instagram { background: #3f729b }
.external-sign-in .Instagram:after { content: "\f16d" }
.external-sign-in .Instagram:hover { background: #2e5883 }
.external-sign-in .Reddit { background: #587ea3 }
.external-sign-in .Reddit:after { content: "\f189" }
.external-sign-in .reddit:hover { background: #6590ba }
.external-sign-in .Pinterest { background: #f2720c }
.external-sign-in .Pinterest:after {content: "\f263";}
.external-sign-in .Pinterest:hover { background: #cec7700 }
.external-sign-in .Vkontakte { background: #587ea3 }
.external-sign-in .Vkontakte:after { content: "\f189" }
.external-sign-in .Vkontakte:hover { background: #6590ba }

При смене кода цвета в background в hover при наведении курсора цвет кнопки на сайте не меняется... Не пойму в чем может быть проблема. Може ктo-нибудь, что-нибудь подскажет?

Полностью код кнопок можно посмотреть здесь: buzzy.akbilisim.com/poll/who-will-win-the-champion...

Comments

[Lynn «Кофеман»]

У меня по ссылке меняется. Если у вас не меняется где-то в другом месте, то приведите код

[misterblack]

Алексей Тен: buzzline.ru/list/10-fotografii-s-dronov
кнопки ВК и ОК

Answer 1

[Виталий Волович]

здесь лишняя цифра .external-sign-in .Pinterest:hover { background: #cec7700 }
рабочий пример https://jsfiddle.net/Fox_zp/banyqrj8/2/

Comments

[misterblack]

Ну тут ладно понятно. Если в других хаверах менять код цвета, то он все равно не меняется

[Виталий Волович]

а по ссылке сходить посмотреть? там кусок разметки и css с "Полностью код кнопок можно посмотреть здесь"

[misterblack]

Я сходил, посмотрел))) Понятно, что по идее должно все работать при смене кода. Но именно в этом скрипте при смене ничего не меняется. По ссылке на сайте buzzy.akbilisim.com/poll/who-will-win-the-champion... если менять цвет в коде ксс средствами google chrome ничего не меняется.

[misterblack]

Виталий Волович: buzzline.ru/list/10-fotografii-s-dronov вот здесь наглядно

[Виталий Волович]

Менять нужно в файле стилей +F5

[misterblack]

Спасибо. У меня реально глаза замылились. Целый день бился с этой проблемой, а тут все было перед глазами.

Answer 2

[Lynn «Кофеман»]

.external-sign-in .Reddit { background: #587ea3 }
.external-sign-in .reddit:hover { background: #6590ba }

У вас опечатка. В CSS регистр букв имеет значение. Reddit !== reddit

Comments

[misterblack]

Спасибо. У меня реально глаза замылились. Целый день бился с этой проблемой, а тут все было перед глазами.