Я пытаюсь применить анимацию к div, и не применять ее к остальным вложенным в него элементам, используя псевдокласс :not. Но это не работает. Почему и как решить эту проблему не дописывая html?
@keyframes fade-in {
0% {opacity: 0;} 100% {opacity: 1;}
}
div {
background: gray;
}
a:link {
color: black;
text-decoration: none;
font-size: 50px;
}
a:visited {
color: black;
}
:not(a):hover {
animation: fade-in 1s ease-in-out;
}
p {
margin: 20px;
}
<div class="anything">
<a href="#">ANYTHING</a>
</div>