Применить CSS на основе дочерних элементов ⇐ CSS

[Anonymous]

Я не уверен, возможно ли это: мне нужно применить некоторую границу CSS на основе элементов, присутствующих внутри родительского div.
Эти родительские div генерируются динамически, поэтому иногда у него 2 дочерних элемента (ta-1 и ta-2), а иногда только 1 дочерний (ta-1 или ta-2)
Например (с обоими ):
Вот и хочу ta-1 имеет: радиус границы только сверху, а ta-2 радиус границы только снизу:

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

CSS:

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

.parent .ta-1 { border-top-left-radius: 50%; border-top-right-radius: 50%; }
.parent .ta-2 { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }

Но если у меня только ребенок, мне нужно применить радиус границы ко всем 4 углам та-...

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

CSS:

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

.parent .ta-1 { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
.parent .ta-2 { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }

Есть ли код, который проверяет, есть ли оба дочерних элемента, чтобы применить радиус только к двум углам каждого ta-... и проверяет, есть ли только один ta- ... ребенок применил все 4 угла?
Спасибо

Подробнее здесь: https://stackoverflow.com/questions/792 ... n-children