Как обратиться к дочернему элементу первого родителя по классу?

Question

[Сергей К]

Как обратиться к дочернему элементу первого родителя ПО КЛАССУ?

<div class="customers-page-two__item">
    <div class="customers-page-two__text">“Lorem </div>
    <div class="customers-page-two__people">Cullen </div>
 </div>

мне нужно достать класс people но явно всю длину названия класса прописывать будет слишком ненадежно

&__item {
        &:first-child &__people {
            background: #000;
        }
    }

Пока смог придумать только такое но это естественно не работает потому что название класса получается .customers-page-two__item__people которого не существует

У меня есть три варианта решения:
1. Перевести в уникальный тег например в .class span
2. Обратиться напрямую по всей длине класса .class .class123123
3. Обратиться через сложный селектор [class*="__ class123123"]

Но все это костыли подскажите пожалуйста как обратиться к дочернему элементу первого родителя ПО КЛАССУ чтобы это было надежно?.

Comments

[Ankhena]

Если вы имеете в виду, что внутриcustomers-page-two__item может быть несколько customers-page-two__people и вам нужен первый из них, то есть вариант применить свойства ко всем, а потом отменить для

.customers-page-two__people ~ .customers-page-two__people

В JS вам поможет querySelector вместо querySelectorAll.