Состояние наведения CSS показывает как обычный текст, так и текст состояния наведения (отлично работает на других страни ⇐ Html

[Anonymous]

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

.useCase-menu:hover .menu-label .hoverMenu,
.resources-menu:hover .menu-label .hoverMenu,
.tools-menu:hover .menu-label .hoverMenu,
.solutions-menu:hover .menu-label .hoverMenu{
color: #33CCFF !important;
font-weight: 600;
}

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

.useCase-menu:hover .down-arrow-new img,
.resources-menu:hover .down-arrow-new img,
.solutions-menu:hover .down-arrow-new img,
.tools-menu:hover .down-arrow-new img {
filter: invert(58%) sepia(95%) saturate(500%) hue-rotate(160deg) !important;
transform: rotate(-180deg) translateX(0px)  translateY(-3px);
}

У меня есть общее меню заголовка, используемое на всех страницах моего веб-сайта.

HTML и CSS точно одинаковы на каждой странице.
Однако только на одной конкретной странице текст меню ведет себя неправильно при наведении курсора.

Ожидаемое поведение

• Нормальное состояние → белый текст
• Состояние наведения → синий текст
• Одновременно виден только один текст

Фактическое поведение (только на одной странице)

• Нормальное состояние → белый текст
• Состояние наведения → отображается синий текст, но раньше белый текст перекрывался
• Другие страницы прекрасно работают с тем же кодом
  
  
  
  
  

Подробнее здесь: https://stackoverflow.com/questions/798 ... e-on-other