Моя кнопка воспроизведения не отображается при наведении ⇐ CSS

[Anonymous]

Я создаю веб-сайт потоковой передачи музыки и хочу, чтобы кнопка воспроизведения появлялась при наведении курсора на песню. почему оно не работает? почему раздел CSS переопределяет другие (все они предназначены для использования в разных частях) (я использовал потрясающие значки)

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

.play-btn {
position: absolute;
width: 70px;
height: 70px;
left: 0;
top: 50px;
text-align: center;
opacity: 0;
transition: opacity 0.35s ease;
}

.containera:hover .play-btn {
opacity: 1;
}

.play-btn a:hover {
transition: 0.2s;
opacity: 0.6;
}

.sameMovieCard:hover .play-btn_songpost {
opacity: 1;
z-index: 999;
}

#songlist .play-btn {
position: absolute;
height: 70px;
width: 70px;
top: -10px;
left: 0;
text-align: center;
opacity: 0;
transition: opacity 0.35s ease;
}

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

[i]



[/i]

Подробнее здесь: https://stackoverflow.com/questions/786 ... g-on-hover