t3h_l3w1z
@t3h_l3w1z
Обкашливаю вопросики.

Вложенные селекторы CSS?

Пытаюсь улучшить свой HTML+CSS код, постепенно изучаю БЭМ, задался вопросом как правильно организовывать селекторы потомков?

UPD: единственно верный вариант, судя по всему:
.block{
    &__header{}
    &__text{}
}
  • Вопрос задан
  • 4131 просмотр
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
вы сейчас описали случаи которые можно реализовать на SCSS. И запись вида:
.block{
    .block__header{}
    .block__text{}
}

все равно перекомпилируется в CSS так:
.block{}
.block .block__header{}
.block .block__text{}

Также можно написать:
.block{
    &__header{}
    &__text{}
}

так будет правильнее.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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