Всем привет, у меня такой вопрос, есть блок типа карточки надо при наведении на content__table_item, дочерний ul делать визибл, но если у меня список таких, то получается каша какая-то, а надо именно ту, которая внутри него только
<div class="content__table_item">
<div>Item 1</div>
<ul class="content__table_item-features">
<li>Duplicate</li>
<li>Transfer</li>
<li>Proxy</li>
<li>Cookie</li>
<li>Note</li>
<li>Start</li>
</ul>
</div>
css
.content__table_item {
cursor: pointer;
padding: 10px;
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #e5e5e5;
border-radius: 8px;
transition: all 0.3s ease;
}
.content__table_item-features {
display: flex;
visibility: hidden;
}
.content__table_item:hover ~ .content__table_item ul {
visibility: visible;
}
.content__table_item-features li {
margin-right: 10px;
}