У меня есть <a>
с <span>
детьми. Я написал некоторый CSS, который меняет цвет границы дочерних элементов при наведении на них родительского элемента, но также меняет цвет границы при наведении на дочерние элементы, чего не следует делать.
a {
padding: 50px;
border: 1px solid black;
}
a span {
position: absolute;
top: 200px;
padding: 30px;
border: 10px solid green;
}
a:hover span {
border: 10px solid red;
}
<a>
Parent text
<span>Child text</span>
</a>