У меня проблема с списком ul
:
<ul>
<li>
<a href="#">My Gifts</a>
...code...
<div class="add">
<a href="#">add</a>
</div>
</li>
</ul>
Когда я навешиваю ссылку "Мои подарки", она отображает контент после этого. Когда я нахожу "Мои подарки", у меня есть изображение в качестве фона, отображаемого за "Моими подарками".
Он также ссылается на ссылку "добавить", как я могу отделиться или какой-то способ заставить эту ссылку "Мои подарки" получить эффект зависания?
Это будет просто выбрать первый а, потому что его не завернутый в div
li > a:hover {
background-color: red;
}
В вашем файле css вы можете добавить
.add a{
background:transparent
}
если вы хотите, чтобы только My Gifts принимал эффект зависания, попробуйте это:
<a href="#" class="hover-able">My Gifts</a>
Затем добавьте этот CSS:
a.hover-able:hover {
/* hover style here */
}
И не добавляйте этот класс к другим элементам