Блог

Главная - Вопросы по программированию - Как я могу поддерживать состояние наведения на моей главной вкладке, но не позволять ему влиять на мои вложенные вкладки?

Как я могу поддерживать состояние наведения на моей главной вкладке, но не позволять ему влиять на мои вложенные вкладки?

#html #css

#HTML #css

Вопрос:

У меня есть определенный эффект наведения на мою вкладку «меню», который я хотел бы сохранить, но он также применяет этот эффект наведения на вложенные вкладки внутри нее. Как я могу предотвратить это?? Я прикрепил часть моего кода, которая вызывает эффект.

 `nav ul li:hover > a
{
 color:#f9b97a;
 border-bottom:2px solid #f9b97a;
 transition:all 0.3s ease-in;
 padding:14px;
}`

Комментарии:

1. Ваши селекторы недостаточно специфичны, чтобы нацеливаться только на родительские теги привязки. Он будет нацелен на все <a> теги, которым соответствует родительский элемент li:hover , поэтому он также каскадируется в ваши подменю. добавление определенных имен классов к элементам, к которым вы хотите применить правило, даст вам определенный контроль над родительским, а не дочерним элементом.

Ответ №1:

Не видя вашего HTML, я предполагаю, что:

 nav > ul > li:hover > a
{
   color:#f9b97a;
   border-bottom:2px solid #f9b97a;
   transition:all 0.3s ease-in;
   padding:14px;
}

Это означает, что вы выбираете только ul, который является прямым дочерним элементом nav.