Как реализвать CSS дочерних элементов с селектором на JavaScript?

Question

CSS:

details summary {
    border-radius: 10px 10px 10px 10px;
}
details[open] summary {
    border-radius: 10px 10px 0px 0px;
}

Достаточно простой код, но как его реализовать в JS? Возможно ли это без if и прочего мусора?

Answer 1

Можно получить всех html потомком свойством children, а там уже найти нужный и добавить css класс https://developer.mozilla.org/ru/docs/Web/API/ParentNode/children