Можно решить задачу двумя основными способами:
1. Использовать селектор `:has()`:
css
.element:has(.element2) .element1 {
/* стили для element1 при наличии element2 */
}
Но учитывайте, что поддержка `:has()` в разных браузерах пока неоднородна.
2. Добавлять класс при наличии второго элемента (через бэкенд или JS):
html
<div class="element has-to">
<div class="element1">От 100000 руб</div>
<div class="element2">до 200000 руб</div>
</div>
css
.element .element1 {
/* стили по умолчанию */
}
.element.has-to .element1 {
/* стили, если есть element2 */
}
Это самый надежный способ с точки зрения кросс-браузерности.
Если цель — просто разместить «От … до …» на одной строке, используйте `display: inline-flex; flex-wrap: nowrap;` или `white-space: nowrap;`, чтобы строка не переносилась.