CSS Connection между детьми положения элементов в разных родительских контейнерах? ⇐ Html

[Anonymous]

Есть ли способ CSS для подключения .menu> div.show положением четырех к четвертому .parent div.item , как это было сделано с жестким кодированием 4/5 в nth-child () , когда число каждого не известно, хотя знайте, что они будут равны; Как будто аргумент в nth-child () может быть переменной?

Код: Выделить всё

.parent {
border: 1px solid black;
position: relative;
width: fit-content;
}
.menu {
display: flex;
flex-flow: row nowrap;
}
.menu > div {
height: 10px;
width: 10px;
margin: 2px;
background-color: blue;
}
.menu > div.show {
background-color: red;
}
div.item {
display:none;
position: absolute;
height: 20px;
width: 10px;
background-color: green;
color: white;
padding: 2px;
}
.parent:has(> .menu .show:nth-child(4)) {
border-color: red;
}
.parent:has(> .menu .show) > .item:nth-child(5) {
display: block;
}< /code>





1
2
3
4
5

Подробнее здесь: https://stackoverflow.com/questions/797 ... ent-contai