Не могу сделать: Hover применить ко всем кнопкам ⇐ Html

[Anonymous]

Я пытаюсь заставить все мои кнопки иметь такой же эффект, как я пытаюсь упростить свой код. Но по какой -то причине эффекты не применяются. < /P>

Код: Выделить всё

.Strings>.normalStrings>button:hover{
transition-duration: 0.7s;
background-color: hsl(75, 94%, 57%);
border-color: hsl(75, 94%, 57%);
color: black;
}
< /code>
Вот мой html -файл < /p>






Social Links Profile








[img]assets/images/avatar-jessica.jpeg[/img]





Jessica Randall
London, United Kingdom


"Front-end developer and avid raeder."
[url=https://github.com]Github[/url]
[url=https://frontendmentor.io]Frontend Mentor[/url]
[url=https://www.linkedin.com]Linkedln[/url]
[url=https://twitter.com]Twitter[/url]
[url=https://instagram.com]Instagram[/url]

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

Подробнее здесь: https://stackoverflow.com/questions/794 ... ll-buttons