DpOLEGapx
@DpOLEGapx
HTML-Верстальщик

Можно ли в Less начало названия класса распространить на дочерние элементы?

Добрый день, есть такой код, наличие wrapper обязательно.
.wrapper {
    .less {

        &-level-1 &-level-2 {
            color: red;
        }
    }
}

Вопрос:)
С level-1 всё ясно скомпилится в .less-levlel-1.
Как быть с level 2? что-бы получилось .less-level-2 при условии, что он дочерний .less-level-1
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ответы на вопрос 2
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
Если вам нужно получить в итоге селектор `.less-level-1 .less-level-2 { ... }` то вариант только такой:

.less {
    &-level-1 {
       display: block; 
    }
    
    &-level-1 &-level-2 {
        display: block;
    }
}
Ответ написан
p00h
@p00h
Фехтовальщик-стропальщик
В документации имеются исчерпывающие примеры. Полезно иногда в нее заглядывать.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы