Angular 19: стиль элемента внутри другого элемента ⇐ CSS

[Anonymous]

Я пытаюсь стилизовать Angular Materal Material Select Component's Sharrow. Этот выбор фактически вложен в Div Class = "панели-details", который введен в другой класс div = "панельная группа". Итак, это выглядит так: < /p>

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

div class="panel-group"
div class="panel-details"
div class="panel-select"
< /code>
Это работает, но он будет размещать границу на каждом выборе на этой странице. < /p>
:host ::ng-deep {
.mat-mdc-select-arrow {
border:3px solid red;
}
}

Как я могу убедиться, что только панель-группа> панель-details> класс с выбором панели имеет границу?

Подробнее здесь: https://stackoverflow.com/questions/796 ... er-element