Фоновая ошибка навигации при наведении

0

У меня проблема с списком ul:

<ul>
    <li>
        <a href="#">My Gifts</a>
        ...code... 
        <div class="add">
            <a href="#">add</a>
        </div>
    </li>
</ul>

Когда я навешиваю ссылку "Мои подарки", она отображает контент после этого. Когда я нахожу "Мои подарки", у меня есть изображение в качестве фона, отображаемого за "Моими подарками".

Он также ссылается на ссылку "добавить", как я могу отделиться или какой-то способ заставить эту ссылку "Мои подарки" получить эффект зависания?

Теги:

3 ответа

1
Лучший ответ

Это будет просто выбрать первый а, потому что его не завернутый в div

li > a:hover {
     background-color: red;
    }
0

В вашем файле css вы можете добавить

.add a{
    background:transparent
}
0

если вы хотите, чтобы только My Gifts принимал эффект зависания, попробуйте это:

<a href="#" class="hover-able">My Gifts</a>

Затем добавьте этот CSS:

a.hover-able:hover {
    /* hover style here */
}

И не добавляйте этот класс к другим элементам

Ещё вопросы

Сообщество Overcoder
Наверх
Меню