Наведение на веб-страницу работает, но НЕ так, как задумано. Я хочу, чтобы цвет текста менялся при наведении курсора на элемент списка. В этот момент наведение меняет цвет текста ТОЛЬКО при наведении курсора на текст, но не на самом элементе.
Vimeo video
На первой веб-странице можно увидеть, как наведение курсора работает только на самом тексте, а на второй веб-странице цвет текста изменяется при наведении курсора как на элемент списка, так и на текст. Я хочу сделать такое же боковое меню первой веб-страницы. Я использую wordpress для создания веб-страницы и пользовательский CSS для стилизации.
Текущий код CSS, связанный с зависанием и изменением цвета:
.et_pb_widget ul li {
background-color: #f9f9f9;
padding: 10px;
}
.et_pb_widget ul li:hover {
background-color: #EEEEEE;
color: #ff0000 !important;
}
.et_pb_widget > ul > li > a:hover {
background-color: #EEEEEE;
color: #ff0000 !important;
}
.et_pb_widget body:hover {
color:#ff0000;
}
Я бы действительно признателен, если вы могли бы мне помочь с этим!