авил класс «спойлер» в CSS, чтобы использовать, ну, для спойлеров. Текст обычно невидим, но появляется, когда мышь наводит курсор на него, чтобы показать спойлер тому, кто захочет его прочитать.

.spoiler{
    visibility:hidden;

}
.spoiler:hover {
    visibility:visible;
}

Должно быть просто, но по какой-то причине это не работает. Текст остается невидимым, даже когда я указываю на него мышью. Есть идеи, что может быть причиной этого?